タブ式のスライドウィジェットを簡単作成できるjS「jFlow」
単なるタブＵＩではなく、ページの切り替えにスライドアニメーション機...(続きを読む)

製品を効果的にPRするためのPRページを作成するチュートリアル
まず、デモを見てみましょう。アイコンにカーソルを合わせると、吹き出...(続きを読む)

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

apple風のアニメーションする超クールなメニューを作成
。次のような（デモページで動作も確認）のようなクールなアニメーショ...(続きを読む)

プリティなチェックボックス、ラジオボックス実装用ライブラリ「...
チェックボックスは以下のように。ラジオボックスは以下のように。ＣＳ...(続きを読む)

IEでボックス要素を45度傾けることが出来る「Transformie」
ボックス要素を次のように表示できるみたいです。Web-Kitの場合は「-webkit-t...(続きを読む)

超クールなログインフォームを作成するチュートリアル
ログインボタンを押すと、ビローンとアニメーションしながらカッコよく...(続きを読む)

jQueryでアニメーションするソート可能なデータグリッド実装ライブ...
。次のような、美しいＵＩでかつ、ページング・ソート機能付きなグリッ...(続きを読む)

ホバー時にブロックの背景色を滑らかにアニメーションするJSサン...
。デモページデモページを見ればわかりますが、カーソルをあわせると滑...(続きを読む)

jQueryを使ったブラウザ上で動作するLeopardデスクトップの構築
。ブラウザ上で動作するDockやウィンドウなどを実装するチュートリアルが...(続きを読む)

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

アニメーションするクールなアコーディオンUI実装用JSライブラリ
次のようなアコーディオンUIを実装できます。デモはこちらアニメーショ...(続きを読む)

多数のJavaScript/Ajaxライブラリがサンプル付きで紹介されている「Aja...
多数のJavaScript/Ajaxライブラリがサンプル付きで紹介されている「AjaxDaddy」...(続きを読む)

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

複数階層のドロップダウンメニューを作成するサンプル
JavaScript Dropdown Menu Demoul と li の階層構造によって作られていて、初期化は...(続きを読む)

HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQuery...
次のようにコードを書くと、複数のブロックを簡単に4カラムにすることが...(続きを読む)

WEBデザイナ/開発者が覚えておくと便利なブックマークレット集
WEBデザイナ/開発者が覚えておくと便利なブックマークレット集。起動する...(続きを読む)

簡単に色々な種類の角丸ボックスが作れる「DD_roundies」
角丸にするのに必要なのは次の一行だけ(当然、最初にライブラリを読んで...(続きを読む)

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

CSSでPDFやExcel等のファイルタイプ別アイコンを自動付与
自動付与、というのは、例えば、<a href="***.pdf">pdfファイル</a...(続きを読む)