CSSグリッドを使った斬新なテンプレート「Outdoors Template」
シンプルなグリッドレイアウトに動きを付けたようなサイトテンプレート...(続きを読む)

こんなの見たことない、斬新なhoverエフェクト集
。ホバーというと文字色をかえるだけとか、下線を引くだけ、アニメーシ...(続きを読む)

HTML5動画をフルスクリーンバックグラウンドに簡単設定できる「BIDE...
最近、背景に動画を設定するページもよく見かけるようになりましたが、H...(続きを読む)

input[type=file]をいい感じにスタイリングするチュートリアル
input[type=file]をいい感じにスタイリングするチュートリアル次のようなフラ...(続きを読む)

１ページのフリーでモダンなWEBデザインPSD20個まとめ
。1ページデザインの参考にもなりますし素材としても使えそうです。アプ...(続きを読む)

iframeの高さを中身のコンテンツにあわせて切り替えられる「setIframe...
iframe外からはコンテンツの高さって取れなかったりしたと思うので、いざ...(続きを読む)

ヘッダ、フッタを固定したテーブルを実装できるjQueryプラグイン「...
テーブルが長くなると、これは何の数値だったかと分からなくなることが...(続きを読む)

HTMLをベースにCSSファイルのひな形を作ってくれる「extractCSS」
サイトのHTMLをコピーして「Extract!」ボタンを押すと、idやclassを抽出してく...(続きを読む)

WEBデザイナ必携のHTML5&CSS3のコードジェネレータ「HTML5 & CSS3 Tools and ...
WEBデザイナ必携のHTML5&CSS3のコードジェネレータ「HTML5 & CSS3 Tools and Tu...(続きを読む)

HTMLテーブルを JSON、XML、PNG、CSV、PDFなどあらゆる形式に変換できる...
TXT, SQL, MS-Word, Ms-Excel, PPT形式にも変換できるみたい。開発側はHTMLのテーブ...(続きを読む)

JavaScriptで動画やWebcamからGIFアニメを作れる「gifshot」
ブラウザ上で動画や画像を読み込んで、GIFアニメに変換できるライブラリ...(続きを読む)

GIFアニメーションに再生ボタンを付けてYoutubeっぽく再生できる「gi...
GIFアニメというと読み込んだ時点でアニメーションがはじまってしまうイ...(続きを読む)

スクロールしてもテーブルヘッダを固定表示できる「fixed-table-header...
通常はスクロールすると消えてしまって、何のカラムだっけ？と上にスク...(続きを読む)

HTMLテーブルをPNG,PDF,Office形式にエクスポートできるjQueryプラグイン...
。先日、HTML table Exportという物を紹介しましたが、同じようにHTMLテーブル...(続きを読む)

30以上のリッチコンポーネントが詰まったHTML5のUIライブラリ「Zebra...
グリッド、ツリービュー、タブ、フォーム等のリッチコンポーネントが詰...(続きを読む)

ブラウザ上で動くHTML5アニメーション作成ツール「HTML5Maker」
ブラウザ上で簡易FlashのようなインタフェースでHTML5アニメーションが作れ...(続きを読む)

HTML5を使ったクールなサイトデザイン集２１
今風のWEBサイトデザインが２１種まとまっており、デザインの参考に出来...(続きを読む)

HTML5のプレースホルダをもっと良くする「JVFloat.js」
。inputの中にグレーで入力するもののヒントを表示できるプレースホルダ...(続きを読む)

軽量でシンプルなHTMLのWYSIWYGエディタ「SCEditor」
ユーザインタフェースがシンプルなので、どんなサイトでも簡単に使えそ...(続きを読む)

これは見ておくべきCSS3＆HTML5の実験１６サイトまとめ
数年前なら誰もがFlashで出来ていると疑わなかったようなデモがHTML5＆CSS3...(続きを読む)