HTML5 ★ Boilerplate

HTML5 Boilerplate is the professional frontend developers's base HTML/CSS/JS template for a fast, robust and future-safe site.

After more than four years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain XHR and Flash. A starter Apache .htaccess config file hooks you up with caching rules and preps your site to serve HTML5 video, use @font-face, and drop your site's filesize by half with robust gzipping.

Boilerplateはフレームワークではないし、開発フィロソフィーのひな形でもない。正しく、素早くプロジェクトを開始するのに便利なトリックである。

Why it is good

• Cross-browser compatible (IE6+, yeah we got that.)
• HTML5レディ。新しいタグを確実に利用
• グレードAパフォーマンスを得るための最適化されたキャッシュと圧縮ルール
• サイト設定デフォルトのベストプラクティス
• モバイルブラウザにも最適化
• もちろんプログレッシブエンハンスメント、グレースフルデグレーションはOK
• IE専用クラスの使用でクロスブラウザの制御を最大化
• 便利な .no-jsと.jsクラスをつかって機能に合わせたスタイル
• Console.log nerfing so you won't break anyone by mistake.
• ドキュメントタイプやマークアップはもう完璧なので間違えない
• パフォーマンス最適化されたプリントスタイルシート
• iOS、Android、Opera Mobileに対応できるマークアップとCSSのスケルトン
• .clearfixや.visuallyhiddenクラスで賢くアクセシブルなスタイルを
• .htaccessファイルはHTML5の機能を正しく活用し、より早いページロードを実現する
• CDNでホストされたjQueryとローカルにもフェールセーフする呼び出し
• 機能がたくさんありすぎる？ HTML5 Boilerplateはデリートキーと仲良し。:)

試してみる？