デジタルイラストを本格的なタッチで描ける！質感や空気感やディテールの表現がすごいPhotoshopのブラシ素材 -Fenris31
Post on:2015年7月31日
さまざまなペイントやシェイプ、質感を生み出すテクスチャ、空や雲や煙や埃などの空気感、模様や飾りなどのディテール、デジタルイラストを本格的なタッチで描けるPhotoshopのブラシ素材を紹介します。 Fenris31 Br […]
Webデザイン、プレゼンや企画書に効果がある空白スペースを活かしたデザインの作り方
Post on:2015年7月30日
空白スペースとはテキストやイメージや飾りがないスペースのことで、明瞭や強調、グルーピングといったあなたのデザインを助けることができる重要なデザイン要素です。 デザインのセンスがアップする空白スペースを活かしたデザインの作 […]
[JS]画像を拡大表示するLightboxの進化形、デバイスごとに異なる設定も可能な高性能な軽量スクリプト -Chocolat
Post on:2015年7月30日
デスクトップ、タブレット、スマホのそれぞれに合わせた方法で、指定したエリアやウインドウいっぱいに画像を拡大表示したり、そのまま複数の画像を表示するスライダーにすることもできる、軽量で高性能な画像を拡大表示するスクリプトを […]
新しいデザインに使いたい！美しくかわいく魅力的な新作フリーフォントのまとめ -2015年7月
Post on:2015年7月29日
最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。 まずは、日本人デザイナーによる美しいデザインフォントから。 Flow 個人・商用利用、無料。 iAi-jpの榊原氏作、カンフ […]
High Performance HTML -さまざまなデバイスに配慮されたクリーンで簡潔なHTMLの書き方
Post on:2015年7月28日
多くのWeb制作者はパフォーマンスというと、JavaScriptや画像の最適化、サーバーの設定、CSSなどのファイルの圧縮や結合を検討します。そして、Webページのコアとなる言語にも関わらず、HTMLは無視されがちです。 […]
これでもうアイコンを探す手間がなくなる！PhotoshopやIllustratorで利用できるアイコン素材を簡単にダウンロードできる無料アプリ -Icons8 App
Post on:2015年7月27日
Macだとツールバーから、Winだとタスクバーから、14,700個のアイコンがコピペやドラッグ&ドロップでPhotoshop, Illustrator, Sketch, Officeなどのさまざまなソフトウェアで […]
[CSS]スニペットとしてストックしておきたい、レスポンシブ対応のパンくずとステップを実装するチュートリアル
Post on:2015年7月27日
レスポンシブ対応のパンくずとマルチステップのナビゲーションを紹介します。 HTMLもCSSも非常にシンプルで、カスタマイズ性にも優れた有用なスニペットとしても利用できます。 Breadcrumbs & Multi […]
CSSを書く、設計する時に参考にしておきたいCSSのガイドライン・スタイルガイドのまとめ
Post on:2015年7月24日
大規模なプロジェクト、長期に渡るプロジェクト、複数のメンバーが関わるプロジェクト、そして明日の自分も一年後の自分が見ても分かる、メンテナンス性に優れ、一貫性のあるCSSを書くのに役立つガイドラインやスタイルガイドを紹介し […]
すごく分かりやすい！デザインやコンテンツ設計の 面からアクセシビリティへの取り組みを解説したWeb制作者必読書
Post on:2015年7月24日
アクセシビリティって、スクリーンリーダーに対応することでしょ、間違いではありませんがそれはほんの一部です。 分かりにくいナビゲーション、思ったように操作できないインタラクション、入力が困難なフォーム、内容が理解しにくいコ […]
[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ
Post on:2015年7月23日
最近のWebサイトで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。 画像: Girly Drop
sponsors
