Gmail風にステータスを分かりやすく表示するサンプル
ボタンを押した際に、ページの右上にステータスがオーバーレイするサン...(続きを読む)

Ajaxベースで動作するIRCクライアント「Mobbit」
Mobbitを使えば特別なソフトを使わず、ブラウザからIRCに接続できるようで...(続きを読む)

ナビゲーション実装に使える、Ajaxライブラリ/サンプル集
便利そうなナビゲーションパーツが多数紹介されていて参考になります。...(続きを読む)

JSレスでピュアCSSの超カッコいいプログレスバーのサンプル
→デモを見る - ズイズイアニメーションしていきます。何とこれ、...(続きを読む)

CSSでアニメーションする馬をパカパカ走らせるイリュージョン
まずは以下のムービーを参照この原理をCSSで応用してみたのが、このペー...(続きを読む)

CSSだけでアコーディオン風ＵＩを実現するサンプル
。通常、アコーディオンを実装する場合はJavaScriptが必要ですが、PureCSSで...(続きを読む)

複数カラムデザインもJavaScriptで簡単に実装できる「MooColumns」
カラムを４個にしたい場合、以下のように書けば４カラムデザインに出来...(続きを読む)

ピュアCSSでクールなグラフサンプル「Pure Css Data Chart」
次のようなグラフを描画するCSSとHTMLマークアップのサンプルが紹介されて...(続きを読む)

CSSでスタックされた棒グラフを作成するサンプル
単一の棒グラフではなく、次のように、2重に積み重なったグラフの作成サ...(続きを読む)

スクロールバーをCSSで独自スタイリングするサンプル
CSSとJavaScriptを使ってoverflowしてスクロールバーがついているような要素に...(続きを読む)

JavaScriptを使わずCSSのみでシンプルなツールチップ実装
。CSSの a:hover を応用して、次のようにシンプルなツールチップを実装する...(続きを読む)

使えるCSSメニューいろいろ
1. Advanced CSS Navigation Menu Exampleまず、ホバー時以外は文字をぼやかせるCSSメ...(続きを読む)

複雑なブロックレイアウトもシンプルかつ簡単に実装可能な「malo...
。次のようなHTMLを書いておくと簡単に複雑なレイアウトが作成可能。<di...(続きを読む)

サイトによってJavaScriptを動作させるかしないかの設定ができるFiref...
ダウンロード・インストールはこちらセキュリティ向上のために、使いこ...(続きを読む)

FireBugのJavaScriptをハイライト表示する拡張「Rainbow」
次のように、FireBugの色分けをしてくれる。プレーンテキストで読みづらい...(続きを読む)

Flash製のドロップダウンメニューを作成するWEBツール
。階層的なドロップダウンメニューをWEB上で作れます。以下がその例作成...(続きを読む)

壁に画像を貼ったようなUIの画像ギャラリー「PostcardViewer」
。Flashで作られていてなかなかクールな動きをする画像ギャラリーがフリ...(続きを読む)

ブラウザ上の重力を操作できるSafari用ブックマークレット「gravity...
掲載されているブックマークレットを実行すると画像などが浮遊します。...(続きを読む)

YUI バージョン3 PR1がリリースされました
リファクタリングや最適化が行われてるみたい。YUI 3 のExamples でサンプル...(続きを読む)

超クールな複数アイテムの入力補完用JavaScriptライブラリ
テキストボックスにアイテムを入力すると、クールに補完候補が表示され...(続きを読む)