クールな円形メニューをピュアCSS3で実装するチュートリアル
。クリックすると回転したり良い感じに立体感が出ていたりアニメーショ...(続きを読む)

CSSスプライトをドラッグ＆ドロップで生成できる「SpriteMachine」
。簡単な設定の後、ZIPファイルをブラウザにドラッグ＆ドロップすればス...(続きを読む)

HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」
ドラッグ＆ドロップでべらっとめくるあのインタフェースがHTML5で実現で...(続きを読む)

紙のノートっぽいWEBデザインでコンテンツを綺麗にラインに合わせ...
。昔試したことがありますが、文字と背景画像のラインを合わせるのは画...(続きを読む)

世界地図でデータをビジュアライズする際に使えるJSライブラリ「D...
。マウスオーバーでインタラクティブにデータを表示できたりするライブ...(続きを読む)

目次のナビゲーションを自動生成してくれるjQueryプラグイン「TOC」
H1等のヘッドラインが綺麗に定義されているサイトであれば次のような目...(続きを読む)

Twitter Bootstrap で使えるカラーピッカー＆日付ピッカー
がダウンロードできますデザインも妥協のないナイスなデザインで仕上が...(続きを読む)

faviconを書き換えてfacebookの通知っぽくしてくれるfaviconアラート実...
次のように、Chromeのfavicon部分を書き換えて何件の通知があるかを分かりや...(続きを読む)

他アイテムをボカして強調表示するCSS3＆jQueryサンプル
次のようにアイテムを浮き上がらせることでアイテムを強調させる例です...(続きを読む)

卓上に写真を置いたようなインタフェースのギャラリー作成用のjQu...
。次のような、１つの写真は複数の写真を重ね合わせたようになっていて...(続きを読む)

ペラペラめくれるカウンター実装jQueryプラグイン「flipCounter」
中心に折り目がついててめくれる時計がありますが、アレをカウンターに...(続きを読む)

フルスクリーンでページめくりをするUI実装デモ
。なかなかいい感じのインタフェースのデモとサンプルのダウンロードが...(続きを読む)

ブロック要素の高さを簡単に揃えられるjQueryプラグイン「equalize.js...
$('#height-example').equalize(); などとすれば、幅や高さを瞬時に揃えることが...(続きを読む)

綺麗なUIのサイトがサクサク組めるTwitter Bootstrapを使ったjQuery UIテ...
Twitter Bootstrapでデザインがあまり出来ずともTwitter風の綺麗なUIが作れる事...(続きを読む)

ボックス要素に色んなタイプの影を簡単に付けられるjQueryプラグイ...
。次のようにボックス要素に対して影を自由に付けられるプラグインです...(続きを読む)

FacebookスタイルのシンプルなドロップダウンをjQueryで実装するサン...
Facebookのインタフェースはやっぱり素晴らしいと思う今日この頃ですが、fa...(続きを読む)

faviconをアニメーションさせたりテキストを付与できるjQueryプラグ...
。faviconをダイレクトに書き換えることができ、既存のアイコンに文字をプ...(続きを読む)

指定したパスに沿ってテキストが動く斬新スライドショー実装jQuery...
考えた人はなかなか凄いと思うのですが、予めついっておいたパスをベー...(続きを読む)

ページ上部に隠れるナビゲーションバーが実装できるjQueryプラグイ...
。初期化すれば、次のようなつまみが現れて、クリックするとバーが現れ...(続きを読む)

日向徹ばりの斬新なインタフェースが実現できるjQueryプラグイン「...
日向徹とはリッチウーマン、プアウーマンというドラマに出てくる小栗旬...(続きを読む)