サイト構造や画面遷移を分かりやすく見せる、サイトマップ・フローチャートを作成する要素がすべて揃った無料素材 -UX Flow
Post on:2017年3月2日
Webサイトやスマホアプリのサイトマップ・フローチャートを簡単に作成できるSketch用の無料素材を紹介します。 ラインやアローをはじめ、アイコン、ラベル、パネルなど、サイトマップ・フローチャートを作成するための要素がす […]
テキストやボーダーや背景に使うグレーを効果的に、ニュートラルなカラーを使いこなすためのテクニック
Post on:2017年3月1日
Webデザインで大切なカラーはベースカラーやアクセントカラー、そしてブランドのカラーがありますが、テキストやボーダーや背景などのコンポーネントに使うニュートラルなカラーも非常に重要です。 明るいニュートラルなカラー、暗い […]
プロペラがすごい！よく使うUI要素にあったデザインやアニメーション、レイアウトが簡単に利用できる -Propeller
Post on:2017年2月28日
最近見かける美しいデザインや気持ちいいアニメーション、レスポンシブ対応のコンポーネントやエレメント、Flexboxベースの柔軟なレイアウトなど、人気が高いテクニックを効果的に取り入れて制作されたHTMLとCSSベースのフ […]
マンガや同人誌で無料で使える！集中線や効果線を描くPhotoshopのブラシと高解像のJPEG素材
Post on:2017年2月28日
個人でも商用でも無料、マンガや同人誌で使える集中線や効果線を簡単に描くことができるPhotoshopのブラシと高解像のJPEG素材を紹介します。
プロのWebデザイナーが使用している人気のツール、フォント、ワークフローなどのまとめ -Web Design Trend Report
Post on:2017年2月27日
プロのWebデザイナー、デベロッパーが実際に作業しているファイルを元に、Webデザインのトレンドをツール、カラー、フォント、エフェクト、ワークフローの観点から調査したレポートを紹介します。 安定して人気のあるトレンド、変 […]
読むとワクワクする！最近のWebサイトで使われているHTMLとCSSのさまざまなテクニックが詳しく解説されたオススメの本
Post on:2017年2月24日
ページ作成の基本となるHTMLとCSS、レスポンシブ対応の2カラムや3カラムレイアウト、ナビゲーションやボタンなどのUIエレメント、CSSアニメーションやエフェクトなど、最近のWebサイトで使われているHTMLとCSSの […]
好きな人にはたまらない！原子、分子、磁場、光線の形やテクスチャを描くPhotoshop用のブラシ素材
Post on:2017年2月24日
炭素原子、水分子、磁場、光線など、マイクロとマクロが融合したさまざまな形とテクスチャを描くことができるPhotoshop用のブラシ素材を紹介します。
[CSS]多様化したデバイスに対応！CSSで使いやすいブレイクポイントを的確に定義する方法
Post on:2017年2月23日
スマホは年々大型化し、スクリーンサイズは多様化しています。また、タブレットは小型化の傾向ですがさまざまなスクリーンサイズのものが流通しています。デスクトップもワイドスクリーンなど、わたし達が使用しているデバイスは非常に多 […]
[CSS]超軽量で快適！スクリプト無しで実装されたレスポンシブ対応のナビゲーション -Luxbar
Post on:2017年2月22日
デスクトップ、タブレット、スマホに対応した、通常のスタティックなヘッダやスクロールしても常に上部・下部に固定表示されるバーとして配置できるナビゲーションを実装するスタイルシートを紹介します。 スクリプトは一切無し、アニメ […]
商用利用無料！背景に、写真やイラストのオーバーレイに使えるざらっとしたテクスチャ素材
Post on:2017年2月22日
デザインやイラストに、個人でも商用でも無料で利用できる、ざらっとした感じのテクスチャ素材を紹介します。 写真やイラストにオーバーレイで重ねたり、背景として使ってもいい味がでる素材です。 通常は有料素材ですが、今週末まで無 […]
sponsors
