KIYOTA

jMosaic 写真の高さなどを自動的にリサイズしてタイル状に並べてくれるjQuery「jMosaic」です。

FOODSHOT 料理の写真撮影は、シズル感を出すのが難しかったります。 そんな料理のハイクオリティのフリーフォトサイトが「FOODSHOT」です。 上記のようなハイクオリティで、高画質の画像が、Cr ...

Mobile UI Blueprint 単色でデザインすると単調になりがちです。 そんな時に参考になる「Mobile UI Blueprint」の紹介です。

デザインやコーディング、プログラムができても、仕事ができないと評価される人がいます。

Summer UI Kit Free 明るい配色で海外のリゾートっぽい「Summer UI Kit Free」。 コーディングする前に、テンプレートであらゆるコンテンツに対応できるパターンをつくると思 ...

THE COLOR THESAURUS デザイナーなら、「もっとピンクで」「淡い青で」などの注文を受けて、変更したけど「ちょっと違う」などと答えられたことは一度はあるのではないでしょうか？

Tasty CSS-animated hamburgers 最近はスマホサイトだけでなく、PCサイトにも使われるようになったハンバーガーメニュー。 そんなハンバーガーメニューの動きのサンプルを紹介した ...

210 Free line icons, PSD, PNG, SVG, Icon Font. きれいに作られた、ラインアイコン。色もいいですね。

LITTLE FLYERS 「LITTLE FLYERS」は、イラストやレイアウトなど、きれいに整理され、かつ世界観のわかるサイトです。 最近見た中では、一番好きなデザインです。

ColorFavs 配色で悩むことはありませんか？ 私の場合、撮影ができない場合には、 提供された写真にあわせて配色することがあります。 そんな場合に便利なのが、「ColorFavs」です。

Is your website layout doing more damage than you think? 「変わったレイアウトを」というオーダーをいただくことがあります。 変わったレイアウトが ...

Graphic Design From Around the World: Japanese Design 海外のサイトを見ていると、英語だとカッコいいなーとか、羨望の眼差しでつい見てしまうのですが、 ...

Arabella Free Font 「Arabella」は、女性らしいやさしい手書き風の書体です。

FREE DOWNLOAD: 450 OUTLINE ICONS 丸みを帯びたラインのアイコンの紹介です。 450種類もあり、よく使う家やドキュメントなどだけでなく、通販や天気など、いろんなジャンル ...

iPhone 6 / Android Mockup Web業界の人や、サイト作りになれているクライアントなら、サイトやアプリのできあがりや、利用シーンは想像しやすいです。 しかし、年配の担当者やクリエ ...

普段、蝶々結びで靴紐を結んでいました。 靴紐を洗濯したりすると、へたるせいで、すぐにほどけるようになりイライラしていました。 見た目は蝶々結びと同じですが、 スポーツ選手も使うイアンノットで結ぶように ...

Elton UI Kit 他のデザイナーのデザインデータをみると、作り方がわかるので勉強になります。 「Elton UI Kit」で、 ECサイトのデザインのPSDファイルをダウンロードすることができ ...

Something Wild Free Font ロックな雰囲気なフォントで、Tシャツとかによさそうです。

ずっと仕事をやってきて、うまくいってない時ほど、「整理整頓ができてない」と感じています。 デザインをしていて、レイヤーがグチャグチャで、修正するのが面倒だなと感じた時 コーディングをしていて、適当なク ...

上記の写真の完成までが、動画でみることができます。 写真の切り抜きや合成など意外と地道な作業を行っていることがわかります。 この動画をみて思うのは、ブラシなど使えるものは、最初からつくると時間がかかる ...

線を引く 「直線ツール」で線を引きます。 「効果」>「パスの変形」>「ジグザグ」 「効果」>「パスの変形」>「ジグザグ」を選択します。 大きさや、折り返しで、調整できます。 線の太さや波線などの設定次 ...

Growths from Ari Weinkle on Vimeo. 音楽にあわせて、アルファベットが鳥の羽のようなものに変化します。見てて楽しいですね。

simple-sidebar スマホなどの、ドロワーメニューの追加で便利な「simple-sidebar」。 サンプル通りに作っても、つまづいたので、備忘録代わりに簡単なサンプルを作りました。 作り方 ...

Responsive Image Breakpoints Generator レスポンシブWebデザインで、マルチデバイスに対応させる際、読み込む画像のサイズを複数設定したい場合があります。 そんな時 ...

The Chemical BrothersのWide Open (feat. Beck)のMVが公開されています。 ボーカルがBeckというのがいいですね！ ケミカルブラザーズのMVは、素晴らしいでき ...

デザインをずっとやっていると、インプットが足りなくて、アウトプットが疲労状態にあることがあります。 脳が刺激を受けると、新しいアイデアが浮かんでくるものです。 インスピレーションをうけると疲労も吹っ飛 ...

Cupcake Cupcakeは、CC0ライセンスで商用利用も可能なフリーストックフォトです。 インスタグラムのような、ちょっとレトロな雰囲気の写真が特長です。 写真のテイストを統一するのはデザインす ...

FindAPhoto CC0 licensedの写真を検索できる「FindAPhoto」の紹介です。 *参照　CC0 1.0 全世界 (CC0 1.0) パブリック・ドメイン提供 色とコレクション（シ ...

Creative Link Effects ボタンのマウスオーバーの動きの気持ちのよさがサイトの印象をよくすることはあります。 「Creative Link Effects」では、そんな気持ちのいいリ ...

3 Typography Trends for 2016 (With Examples)という記事をみたのですが、水彩のタイポグラフィが紹介されています。 フラットデザインのブームもひと段落し、全体的 ...