軽量かつ柔軟にカスタマイズが可能なJavaScript ColorPicker
。次のような様々なUIデザインを選べる上に、CSSでデザインできるカラー...(続きを読む)

CSSでクールにデザインされたHTML5動画・音楽プレイヤー実装JS「Media...
HTML5非対応ブラウザ向けに、Flashはもちろん、こちらのライブラリではSilver...(続きを読む)

CSS3とjQueryでHTML5動画プレイヤーを自作するチュートリアル
が公開されています。ライブラリは数多く公開されていますが、自分で作...(続きを読む)

AppleのRetinaディスプレイの説明風エフェクト実装jQueryサンプル。
Retinaの説明のような虫眼鏡で拡大したようなエフェクトをCSS+jQueryで実装す...(続きを読む)

CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」
便利なCSS3の擬似クラスがIEでも使えて効率的なスタイリングが可能になり...(続きを読む)

コンパクトでクールなニュース表示ウィジェット実装デモ＆サンプ...
が公開されています。次のようなクールなUIでニュースを表示することが...(続きを読む)

jQueryとPHPを使ったモダンなユーザ管理機能実装デモ
。ユーザ登録、ログインといった機能は画面遷移するのが通常ですが、jQue...(続きを読む)

イカしたデザインのプログレスバーをCSS3で作成する例
次のようなデザインのプログレスバーをCSS3とJSを使って実装する例です。...(続きを読む)

リニューアルしたTwitter風のWEBインタフェース作成チュートリアル
のご紹介。jQueryとCSSを使って新TwitterのUIを実装している例です。左カラム...(続きを読む)

技術サイト等で使えそうなページ内に設置する「ソースを見る」ボ...
。なんらかのライブラリを配布する際やコードの動作を紹介するデモペー...(続きを読む)

IEでも動作する画像を超簡単に角丸化できるjQueryプラグイン「IMGr」
$("imageElement").imgr(); と唱えるだけでクロスブラウザで画像の角を...(続きを読む)

なんでも埋め込めてマウスホイールでページ送りができるスライダ...
コンテンツ自体はul > li リストに埋め込んで、ナビゲーション用のタグ...(続きを読む)

たった１行でIEでも使えるブロックの角丸を実現できるjQueryプラグ...
pina(20, 'blue', 'classname1'); のようにするだけで角丸が実現できます。IE6のよ...(続きを読む)

ピュアCSSでonclickイベントをシュミレーションするデモ
。:target 擬似クラスを利用して、クリックイベントをシュミレーションし...(続きを読む)

jQueryをナイスにナビゲーションに活用したサイト集
。jQueryを巧みに活用して、JavaScript で本当に出来ているの？と思ってしま...(続きを読む)

IEでSelectボックスの幅を狭めつつ、内容もちゃんと見れる有用サン...
IEでSelectの幅を指定してしまうと、内容もその幅に伴い、次のように縮小...(続きを読む)

サイトに驚き！のページめくり効果をつけられるjQueryプラグイン
。実装すると、次のように、ページの右上にめくれそうな部分が現れます...(続きを読む)

選択範囲をドラッグ＆拡大して写真の部分的な拡大ができるJSウィ...
次の図で、左に表示されている画像の選択範囲を指定すると右に拡大され...(続きを読む)

とても洗練されたＵＩの日付ピッカー＆カレンダー集
のエントリが紹介されていましたのでピックアップ。日付入力も便利だけ...(続きを読む)

ツールチップを作るのならこれかもという多機能jQueryプラグイン「...
色々なツールチップライブラリがありますが、Simpletipはカスタマイズ性に...(続きを読む)