チェックボックスやテキストボックスをトゥーン調にするサンプル...
。普通のフォームを次のようにCSSでスタイリングするサンプルが公開され...(続きを読む)

CSSリストに関する5つのテクニック集
ul, ol, dt などのリストを使った各種テクニック集が紹介されています。(1)...(続きを読む)

jQueryでチェックボックスをすごい形にカッコよくしちゃう方法
マークアップ上も、次のように綺麗になっています。実際のタグは、不可...(続きを読む)

各種フォーム要素のCSS整形用JavaScriptプラグイン集
チェックボックス・ラジオボタンを枠に置き換えるクールな独自チェック...(続きを読む)

マウスホバーでハイライトするピュアCSSのメニュー作成サンプル
。次のように、マウスホバーで色が変わるメニューをJavaScript なしで実現...(続きを読む)

jQueryを使いドロップダウン変更によって文字を大きくするスニペッ...
↓ドロップダウン選択で文字が大きくなります↓次のように2行で実現...(続きを読む)

ナビゲーションに使えそうなタブ付きリスト実装サンプル
サイドバーなんかに組み込んでサイトの使い勝手を高められそうです。イ...(続きを読む)

jQueryで幅の大きなドロップダウンメニュー作成チュートリアル
次のような幅の広いドロップダウンメニューを実装する例になってます。...(続きを読む)

Excelっぽい機能も付いた検索＆ソート＆ページング機能付きテーブ...
普通のテーブルをリッチにスタイルを切ると、次のような単なる<table>...(続きを読む)

有償だけどかなりカッコいい管理画面のテンプレート「Simpla Admin」
管理画面に応用すれば優れた管理画面が作れそうです。デザインが苦手と...(続きを読む)

JavaScriptなしでCSSのみで実現するクールなドロップダウンのサンプ...
ソースコードも解説されているのでこのテクニックについて覚えておいて...(続きを読む)

ページサイドにアニメーションするMac OS X 風のドック風ナビゲーシ...
デザインはCSSで行われているため、もっと自分のサイトにあった形にカス...(続きを読む)

CSSでdigg風のナビゲーションを実装サンプル
次のようなクールなdigg風のメニュー部分のサンプルをダウンロードできま...(続きを読む)

CSSでクールなINPUTフォームを作成するサンプル
次のような、CSSで角丸で、境界にシャドウがかかったクールなフォームの...(続きを読む)

ブラウザ上で簡単にホームページが作れる「Roxer」
。ドラッグアンドドロップして要素を再配置したり、リアルタイムに編集...(続きを読む)

Flickrで使われているあのクールなドロップダウンメニューを実装し...
次のようなクールなドロップダウンメニューを実装してみましょう。紹介...(続きを読む)

プレミアムな1ラインＣＳＳテクニックｘ８
プレミアムかどうかは分かりませんが、いくつか紹介。 垂直方向の...(続きを読む)

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

DiggライクなＵＩを作る色々
Digg-like navigation bar using CSS - Diggライクなメニューバー Simple CSS ver...(続きを読む)

CSSでデザインされたツールチップボックスいろいろサンプル
どのツールチップも、<div>を１、２回ほど重ねた程度のシンプルなHTML...(続きを読む)