Gradient Hunt - Beautiful Color GradientsThousands of trendy color gradients in a curated collection that is updated daily. Get a fresh color gradient for your next design project and save all the gradients you like.
[JS]要素がビューポートや指定した範囲に表示されたか判定する超軽量スクリプト -Emergence.js
ページをスクロールして、指定した要素がビューポートに表示されたかを判定し、アニメーションなどを適用できる超軽量のスクリプトを紹介します。 ビューポートだけでなく、範囲を指定することもできるので、かなり面白いと思います。 単体で動作し、しかも1KBの超軽量スクリプトです。
![[JS]要素がビューポートや指定した範囲に表示されたか判定する超軽量スクリプト -Emergence.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/cfd16f6b3cf9495ffab4b2256010a83797a2cf0d/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201704%2F2017110801-02.png)
写真が動く・・・だと!?Photoshopを使ったシネマグラフの作り方
1-1．シネマグラフとは シネマグラフ（Cinemagraphs）は、写真の一部分を動かすことで、そこに注目を集める表現手法のことです。動画を撮影し、注目させたいところ以外は動きを止めてしまいます。作成自体はそんなに難しくないですが、使用する動画を準備するのが一番の難所かもしれません。 1-2．シネマグラフのサンプル 言葉だけだとなかなかわかりずらいので実際にサンプルを集めてみました。 海外からオシャレなシネマグラフを紹介します。 Cinemagraphs 女性の髪と服だけが風になびいています。 Cinemagraphs 電車がホームを通りすぎる様子がループになっています。シネマグラフはモノクロもかっこいいですね。 Ann Street Studio 落ち葉がひらひらと落ち続けています。コーヒーを飲みながらしばらく眺めていたいですね。 いかがでしょう？不思議な世界に迷い込んだ感じじゃありま
ニッコー公式オンラインショップ
Sori Yanagi 美しさと機能性を兼ね備えた器 柳宗理が生前手がけた代表作「N型シリーズ(1952年頃～1980年頃)」を1990年にニッコーのボーンチャイナで復刻。戦後日本を代表するテーブルウェアとして今もなお愛されています。 詳しく見る
おしゃれなスマホ向けランディングページのデザインまとめサイト3選
多くのユーザーがスマートフォンでインターネットを利用するようになった今、スマホ向けサイトの需要が増えています。ランディングページにおいても、PCでだけでなくスマホからも見やすいページを作る必要があります。 特にネットショップの場合、ランディングページでの離脱は売上減少に直結してしまうため、できるだけユーザーの利便性を優先したページ作りを意識しなければなりません。 しかし、スマホ向けランディングページを作成する場合、どのような設計が適切なのかわからないという方もいるかもしれません。 今回は、スマホ向けランディングページの参考サイトを紹介します。 ▼成果の出るLPデザインのポイントをまとめた資料はこちら インターネット利用時、ユーザーはPCよりスマホを利用している！ 私たちにとって、スマホは今やなくてはならないものになっています。 画像引用： 平成29年通信利用動向調査の結果|総務省 総務省の
うっかりミスをなくそう！デザイナーがデザイン提出前にチェックすべき5つのこと | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
1. マージンは整えられているか これは先輩に指摘されたランキングで堂々の1位を飾るほど、幾度となくミスを繰り返してきました。 特に焦っているときほど、「あとで調整すればいいや！」と後回しにしてしまい、結局忘れて提出してしまうことが多いです。非常に細かい部分ですが、ここをきちんと整えられるか否かでクオリティーに違いが出てくるので、自然と身につくまで繰り返しチェックしていきたい項目です＾＾ 特にボタンの中の文字は目立つので厳重注意です。 実践した改善方法 慣れないうちは、とりあえず測ってみましょう。 自分は「整列・分布」ツールで揃えたあとに、選択範囲ツールで測ってしまうことが多いですが、Photoshop CCからは配置のときにガイドが出てくれる便利な世の中になっています。 テキストの後ろの余分な箇所は、カーニングで削るとセンターに調整しやすいですよ＾＾ これは先輩デザイナーについ半年くらい
おさえておきたい代表的な欧文フォント24
セリフ体（Serif） セリフとは文字のストロークの端につく飾りのこと。「うろこ」、「ひげ」とか呼ばれたりもする。古代イタリアの石刻文字が起源と言われています。 セリフの形である程度の分類が可能です。おおまかに以下４つに分類される。 オールドフェイス セリフ部分がブラケット（三角形）になっているもの。縦線≒横線。伝統的なセリフ体。 Century,Garamondなど モダンフェイス セリフ部分がヘアライン（細い直線）になっているもの。縦線>横線。近代的なセリフ体。 Bodoniなど トランディショナル オールドフェイスとモダンフェイスの中間に位置するセリフ体。 Times New Romanなど スラブセリフ 縦線≒横線。セリフが直線で文字のストロークとほぼ同じ幅のセリフ体。 Rockwellなど それでは実際にフォントを見て行きます。 Century Microsoft Officeに
【公式】Francfranc (フランフラン) オンラインストア | インテリア・家具通販
Copyright © Francfranc Corporation, All rights reserved.
ウェブでオーダーできるキッチン CARO2（キャロ２）｜トーヨーキッチンスタイル
あなたの家族はどんな色？ 全13種のシングルカラー CARO2〈キャロ2〉新登場。 その名は『キャロ2』。 「CARO」はイタリア語で「家族」をあらわす言葉です。 家族でキッチンを囲む、 かけがえのない時間を共有するため、 このキッチンは生まれました。 全13色のカラーバリエーションの中から、 あなたのキッチンをお選びください。 あなた色のキッチンをつくろう。 HOW TO MAKE CARO2 キッチンとインテリアをセットで選べるパッケージプランもついて、スピーディーかつ思いのままにキッチンをお選びいただけます。 簡単3ステップで、 理想のキッチンが完成します。 ベースカラー13colors ブラック チタン ホワイト オレンジ ライム レッド グレイッシュブルー ミントピンク ミントブルー ミントグリーン サンドブルー サンドグリーン ライトウッド
ノコト メールマガジン | 動物雑貨を中心としたセレクトショップ｜nocoto（ノコト）
無料メールマガジンを発行中！ あなたのメールボックスにいち早くnocoto情報をお届けします。 メルマガ送付をご希望の方は、下記をご一読いただき、登録フォームにご記入ください。 ※画像読み込み後画像をクリック、 拡大してご覧下さい。 ご登録について プライバシーポリシーをお読みいただき、ご同意の上ご登録くださいませ。 また、このメールマガジンは携帯メールには対応しておりません。 登録されるメールアドレスの変更の場合は再登録が必要です。 メールマガジンが届かない場合 お使いの環境（ご契約ブロバイダ、メールソフト）によって、 迷惑メールと判断されてしまう場合がございます。 しばらくメールマガジンが届かない場合は迷惑メールフォルダやゴミ箱などをご確認お願いします。 また、以下のアドレスから送信を行う為、予めドメイン許可設定を行っていただきますよう、お願い致します。 送信元アドレス 【配信形式】
2015年用、日本語のフリーフォント163種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 | コリス
個人や商用で利用できる、無料の日本語フォント164種類を紹介します。 年賀状の宛名にも使える縦書き対応のフォント、かわいい手書きフォント、読みやすいゴシックなどが揃っています。同人誌や印刷物などでの利用も明記しました。 毎年まとめていますが、初紹介のものから既存のものまでダウンロード・ライセンスを改めて確認しています（※情報はこの記事の執筆時のもの）。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には必ず利用条件やライセンスをご確認ください。 では、多彩なデザインが揃った「FGシリーズ」からご紹介。 FGゼロ 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 零式艦上戦闘機に使用されていた文字を現代風にアレンジしたフォント。レトロでシャープな字形
Photoshopがもっと便利になるすごい機能拡張・プラグインのまとめ
Photoshopは標準機能だけでも便利なツールですが、もっともっと便利になる機能拡張やアクションを紹介します。 定番として入れておきたいものから、特別な使用シーンに使うものまで、優れ物ばかりです。 Photoshopでのガイド引きに欠かせない強力な機能拡張 定番のGuideGuideは3.1.2にバージョンアップ 幅の異なる複数のガイドを一気に作成できる優れ物 Photoshopのスウォッチをフォルダで管理 カラーピッカーを開かずにカラーのコードを簡単コピー 複数のさまざまなオブジェクトのカラーを一元管理 手元の画像からシームレスなテクスチャを1クリックで作成 ビットマップのオブジェクトをベクターに変換 画像にパースをつけてかっこよく見せる パラグラフのレイアウトを段組みに変更 要素のサイズやエフェクトやフォントなどの情報を書き出す エレメントやマージンのサイズを書き出してくれる 黄金比
センス上がった！タイプ別に分けたWebデザインの参考になるサイトまとめ
作成：2014/06/30 更新：2014/11/01 Webデザイン > サイトのデザインセンス、または操作性などが良いのか悪いのかわからない。 オシャレで洗練されたデザインにするため、少しでもセンスを上げるために色々なサイトをチェックしておきたい。 今回はただWebデザインギャラリーサイトを紹介するのではなく、ページ別・職種・動き・制作別など「サイト制作時に役立つ」くくりでまとめました。コーポレートサイトやECサイト・自社サービスのデザイン考えるとき、提案前に一度は見ておきたいまとめ。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 配色 １．グラデーション＋フラットデザイン ２．ダッシュボードの配色例 ３．高級感を出す配色 ページ別 ４．採用ページ ５．404ページ 職種別 ６．和菓子系（不足の美） ７．女性向け（エディトリアルデザイン） ８．医療系 ９
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザインで使う数値をすぐに算出！マージンやフォントサイズのバリエーションを導き出すオンラインツール
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Kaffee online kaufen • Zuhause, Gastro & Büro • J. Hornig
ヴェルデ 野菜ぎっしりバー ｜ キユーピー
IcoMoon App
holo shirts.
http://akunemegumi.jp/profile.html