オンラインでクールなメニューを簡単作成「izzymenu」
。パラメータをカスタマイズするだけでクールなメニューが簡単に作れて...(続きを読む)

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

カーソル位置によって自動スクロールする小窓実装ライブラリ
。枠の右端に移動すると、右にズイズイとスクロール、左に移動すると左...(続きを読む)

PHP＋Ajaxで軽快かつ使いやすいメールフォーム「AjaxMail」
次のように、メールフォームがLightBox風にポップアップされます。住所が...(続きを読む)

ファイルツリー構造を表示するためのJS「jQuery File Tree」
次のような折りたたみが可能なツリー構造を表示できますクリックでデモ...(続きを読む)

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

CSS・JSを活用して高度なUIを作成するサンプル集「The Highly Extensible C...
。デモサイトのようなリッチなUIを実現するためのサンプル集 Part I: The F...(続きを読む)

コンテンツをブロック内でスクロールさせられる「Easy Scroll」
先日、横スクロールのものを紹介しましたが、たてスクロールのものもあ...(続きを読む)

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

難読化されたJSコードをブラウザ上で可読化「JsDecoder」
そんな場合、カスタマイズしづらかったりするのですが、このツールで元...(続きを読む)

階層ナビゲーション実装ライブラリ集
JavaScriptなどを活用して、マウスホバー/クリック時に開閉するおなじみの...(続きを読む)

気持ちよいスライド機能を提供する「noobSlide」
。自動で画像をスライドさせたり、ページ送りでスライドさせたりできる...(続きを読む)

アニメーションするドロップダウンメニュー作成ＪＳ「Sliding JavaScr...
デモページはこちらメニューの中身は単なるul li のリストなので実装やカ...(続きを読む)

バナーのローテーション表示を JavaScript で行うサンプル
が公開されてます。同じセッション内で広告を切り替えられるので、なか...(続きを読む)

iPodスタイルのドリルダウンメニュー実装サンプル
デモページはこちらちょっと動作が重いですが、なかなかクールに実装さ...(続きを読む)

jQueryでクールにアニメーションするメニューを実装するチュートリ...
単なるサンプルではなく、チュートリアルなので、その動作原理について...(続きを読む)

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

プログラミングに便利なチートシートラウンドアップ
。便利なチートシートがまとまっていましたので紹介。 PHP PHP全...(続きを読む)

チェックボックス、ラジオボックスをオシャレに表示するJS
。次のようなチェックボックス、ラジオボックスにスタイルできるJSです...(続きを読む)

JavaScriptを使ったULリストをツリー風に表示するサンプル「Simple Tree ...
次のようなHTMLがあったとすると、<ul id="treemenu2" class="treeview&q...(続きを読む)