サイト構築 -実装
Web制作者に朗報！SketchのファイルをWindowsで開くことができる無料アプリ -Lunacy
Post on:2017年2月8日
Sketchで一番のネックはWindows版がないこと、と思う人も少なくないでしょう。 そんな人に朗報です。 Sketchで作成したファイルをWindowsで開くことができる無料アプリを紹介します。 Lunacy
[JS]コンテンツの見出しを目次にし、スクロールしてもサイドバーに固定表示されるナビゲーション -Progress Nav
Post on:2017年2月8日
コンテンツの見出しを目次代わりにし、スクロールしてもサイドバーに固定表示されるナビゲーションを実装するJavaScriptのライブラリを紹介します。 ページのスクロールに合わせて、ナビゲーションの現在位置はアニメーション […]
デザインやイラストで備えておきたい、Photoshopの商用無料おすすめブラシ素材のまとめ
Post on:2017年2月7日
さまざまな美しい光のエフェクト、硝子が割れたエフェクト、水面や煙のエフェクト、インクやペイントのストロークなどが描けるPhotoshopのブラシ素材を紹介します。 写真やイラストに重ねたり、背景に添えたり、デザインのちょ […]
Flexboxでどのようにレイアウトをつくるのか、アニメーションで分かりやすく解説 -How Flexbox works
Post on:2017年2月6日
Flexboxの基本原則は、CSSでのレイアウトを柔軟かつ直観的にすることです。 Flexboxでどのようにレイアウトをつくるのか、Flexboxで最もよく使う5つのプロパティがどのように機能するのかをアニメーションで紹 […]
商用利用OK！イラストレーター・絵師さん向け、さまざまなストロークや塗りが表現できるプロ仕様のブラシ素材 -ProBrush™
Post on:2017年2月3日
プロ仕様のさまざまなストロークや塗りが表現できる、イラストレーター・絵師さん向けのIllustrator用ブラシ、フォント、グラフィック素材のセットを紹介します。 Photoshop用のブラシも少し入っています。 紹介だ […]
[CSS]ヘッダやコンテンツを区切るラインを斜めに実装するCSSやSVGのテクニック総まとめ
Post on:2017年2月3日
長方形ではないヘッダやコンテンツが最近増えてきました。その一つとしてヘッダの下、コンテンツを区切るラインを斜めにすることで、簡単にデザインの印象を変えることができます。一見シンプルに見えますが、実装するには慎重を要します […]
[JS]レスポンシブ対応、グリッドベースの進化したタブ型コンテンツを実装できるスクリプト -GridTab
Post on:2017年2月2日
タブ型コンテンツのレイアウトも進化しています。 通常のタブ、天地のタブ、カード型レイアウトのようなタブなど、グリッドベースのさまざまなレイアウトに対応したタブを実装できるスクリプトを紹介します。 GridTab Grid […]
Web制作者が知っておきたい！2017年ここ最近、よく見かけるデザインのトレンドのまとめ
Post on:2017年2月1日
2017年ここ最近、よく見かけるようになったデザインのトレンドを紹介します。 トレンドの好き嫌いに関わらず、デザインのアンテナを張っておくことは大切です。今すぐに使うことがなくても、未来のプロジェクトでその知識が役立つか […]
[CSS]ビューポート幅（vw）に対してレスポンシブ対応の文字サイズを指定するテクニック -Responsive font size
Post on:2017年1月31日
フォントサイズをレスポンシブ対応で変化させるには通常、スクリーンのサイズごとに数種類のフォントサイズを用意していると思います。 CSSだけで、ルートのフォントサイズを元に最小値と最大値を指定し、その間のサイズはビューポー […]
こんな無料素材があったとは！ページの背景いっぱいに表示するアニメーションの動画素材 -Vidlery
Post on:2017年1月31日
Webページの背景いっぱいにアニメーションの動画を配置できる、動画素材とコードを紹介します。動画素材は個人でも商用でも無料で利用できます。 動画の上にはオーバーレイで、さまざまなコンテンツを配置することも可能です。 Vi […]
sponsors
