サイト構築 -実装
着眼点が面白い！レスポンシブに対応した有名ロゴデザインのまとめ -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対応の機能拡張を紹介します。 今時のコンポーネントが数多く用意されているので […]
商用も無料！Bootstrapをベースに最近のトレンドを取り入れた新作テンプレートのまとめ
Post on:2014年11月5日
Webデザインの最近のトレンド、縦長ページ、スクロールエフェクト、CSS3アニメーション、フラットスタイルなどを取り入れたBootstrapのテンプレートを紹介します。 Bootstrapは先週3.3.0がリリースされ、 […]
[JS]エフェクトの美しさがスゴイ！Webページを水面にし、波紋を生み出すスクリプト -jQuery Ripple
Post on:2014年11月5日
Googleの新UX「Material Design」のアナウンス以降、波紋のエフェクトを数多く紹介してきました。例えばこれとかRiiple Click EffectとかWavesとか。 それらとは一味違い、WebGLで […]
デザインの勉強にいい！タイポグラフィの素晴らしいアイデアやインスピレーションのまとめ
Post on:2014年11月4日
デザインのセンスを磨くには、いいものをたくさん見ること。 タイポグラフィ（主にWeb）の素晴らしいアイデアやインスピレーションが満載のサイトを紹介します。 Discover.typography Gothamなどのフォン […]
[JS]簡単な実装でパネルを天地左右からアニメーションで表示するスクリプト -notifyMe
Post on:2014年10月31日
表示ページの天地左右からアニメーションでスライド表示するパネルを実装するjQueryのプラグインを紹介します。 notifyMe notifyMe -GitHub
sponsors
