サイト構築
しっかりと理解しておきたい！レスポンシブWebデザインを使いこなすための9つの基本原則
Post on:2014年11月18日
レスポンシブWebデザインは、デスクトップやスマホやタブレットなどさまざまなサイズのスクリーンの問題に対する素晴らしい解決方法です。 レスポンシブWebデザインをより深く理解するための基本原則を紹介します。 9 basi […]
[CSS]最近のWeb制作でよく使う、Sassのmixinのまとめ
Post on:2014年11月17日
最近のWeb制作に役立つ、Sassのmixinのまとめを紹介します。 15 essential Sass mixins
iOS, Androidのさまざまなスマホ・タブレットのサイズやCSSでの値が一覧できるサイト -mydevice.io
Post on:2014年11月17日
さまざまなスマホやタブレットのサイズや解像度、それらのCSSでの値などが一覧できるサイトを紹介します。 mydevice.io
[JS]ページの背景に、美しい幾何学状のアニメーションを簡単に実装できる超軽量スクリプト -particles.js
Post on:2014年11月14日
最近見かけるようになった背景にCanvasで描いた粒子でできたような幾何学状のアニメーションを簡単に実装できる超軽量スクリプトを紹介します。 ↓は静止キャプチャですが、優美なアニメーションで動きます。 particles […]
着眼点が面白い！レスポンシブに対応した有名ロゴデザインのまとめ -Responsive Logos
Post on:2014年11月13日
お馴染みのコカ・コーラ、シャネル、ナイキ、ディズニー、リーバイスなど、レスポンシブ（？）に対応しているロゴデザインをまとめているサイトを紹介します。 Responsive Logos
[JS]非常に簡単な実装で、ページ上のさまざまな要素にオーバーレイを表示できるスクリプト -Purplecoat.js
Post on:2014年11月12日
画像にオーバーレイでテキストを表示したり、ボタンやテキストなどさまざまな要素にオーバーレイをアニメーションで表示できるjQueryのプラグインを紹介します。 使い方も非常に簡単で、スクリプトを一行も記述しないで利用できま […]
Webページでよく使うさまざまなコンポーネントが簡単に利用できるCSSベースのフレームワーク -Materialize
Post on:2014年11月11日
最近のWebページでよく使用されているさまざまなコンポーネントやエレメントがフラットにデザインされたCSSベースのフレームワークを紹介します。 オープンソースで、個人でも商用でも無料で利用できます。 Materializ […]
[JS]動画をブラウザいっぱいや指定サイズに背景として配置できる超軽量スクリプト -CoverVid
Post on:2014年11月10日
.mp4, .webm などの動画をブラウザいっぱいやセクションの背景として配置できるjQueryの超軽量（800bytes）プラグインを紹介します。 CoverVid CoverVid -GitHub
[CSS]スクリプト無しで、縦長ページの各セクションごとの高さを設定するテクニック
Post on:2014年11月10日
フルスクリーンサイズでデザインされた縦長ページの各セクションの高さは、表示高さのいっぱいだったり、次のセクションが少し見えるように実装します。 高さがいっぱいではない時、例えば80%, 90%だと通常はスクリプトでの実装 […]
便利で簡単！Webサイトのプロトタイプが本当に数クリックで作成できてしまうPhotoshopの無料の機能拡張 -Velositey v2
Post on:2014年11月6日
Webサイトのプロトタイプやワイヤーフレームなどに使えるページレイアウトを数クリックで作れてしまうPhotoshop CS6/CC/CC2014対応の機能拡張を紹介します。 今時のコンポーネントが数多く用意されているので […]
sponsors
