HTML5とCSS3を使いこなしたくなるフレームワーク15選
Post on:2011年8月25日
HTML5とCSS3を使って作成されたフレームワークを紹介します。
「詳しくは」で各フレームワークがざっと分かる記事にリンクしています。

Less Framework 4
Media Queriesでデバイスごとに最適なスタイルシートを適用するフレームワーク。
詳しくは「iPhone, iPad, ブラウザなどクロスデバイス対応のフレームワーク -Less Framework」

HTML5 Boilerplate
プロフェッショナル向けに開発されたフレームワーク。
詳しくは「プロフェッショナル用のHTML5+CSS3+jQueryのテンプレート -HTML5 Boilerplate」
[ad#ad-2]

G5 Framework
ウェブサイトでよく利用される機能が用意されたフレームワーク。
詳しくは「HTML5, CSS3, jQueryを使用したフロントエンド開発用のフレームワーク -G5 Framework」

perkins CSS3 LESS Framework
実用的なさまざまなエレメントが揃っているフレームワーク。
詳しくは「実用的なデザインがたくさん揃ってる、HTML5+CSS3ベースのフレームワーク -Perkins」

Gridless
グリッドのパターンや派手なエレメントはない実直なフレームワーク。
詳しくは「興味深いテクニックを多々取り入れているHTML5+CSS3のフレームワーク -Gridless」

Gravity Framework
HTML5+CSS3+SASSで構築されたフレームワーク。

inuit.css
拡張性のあるフレキシブルなフレームワーク。

Baseline
フォントのベースラインを元にしたシンプルなフレームワーク。

52framework
HTML5, CSS3のさまざまな機能を簡単に楽しめるフレームワーク。

LimeJS
HTML5でゲームコンテンツを作成するためのフレームワーク。

Popcorn.js
動画などのメディアコンテンツ用のフレームワーク。
[ad#ad-2]

Jo HTML5 Mobile App Framework
iOS, Android, webOS, BlackBerryなどスマートフォンアプリ用のフレームワーク。

Baker Ebook Framework
iPad, iPhoneの電子書籍用のフレームワーク。

Sencha
リッチなモバイルWebアプリを開発するためのHTML5対応JavaScriptフレームワーク。

SwitchToHTML5
自分用に必要なものをカスタマイズできるフレームワーク。
sponsors