HTML5 ★ Boilerplate

HTML5 Boilerplateはページロード時間も早く、強固でかつ将来性のある、プロフェッショナルな連中のための基本HTML/CSS/JSテンプレート

2年以上に渡る開発の中から生み出されたベストの中のベストプラクティスがここにはある。クロスブラウザのノーマライズ、パフォーマンス最適化、AjaxとFlashのcrossdomainのおまけ付き。Apache用 .htaccess 設定ファイルはキャッシュのルールがすでに書かれている上、HTML5ビデオ、@font-face の準備も万端。gzipすらzipするのを待っている。

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

素晴らしい理由

• クロスブラウザ対応(IE6も含む)
• HTML5レディ。新しいタグを確実に利用
• グレードAパフォーマンスを得るための最適化されたキャッシュと圧縮ルール
• サイト設定デフォルトのベストプラクティス
• モバイルブラウザにも最適化
• もちろんプログレッシブエンハンスメント、グレースフルデグレーションはOK
• IE専用クラスの使用でクロスブラウザの制御を最大化
• 便利な .no-jsと.jsクラスをつかって機能に合わせたスタイル

さらに素晴らしい理由

• Console.logでブラウザがクラッシュする問題は解決済み
• ドキュメントタイプやマークアップはもう完璧なので間違えない
• パフォーマンス最適化されたプリントスタイルシート
• iOS、Android、Opera Mobileに対応できるマークアップとCSSのスケルトン
• .clearfixや.visuallyhiddenクラスで賢くアクセシブルなスタイルを
• .htaccessファイルはHTML5の機能を正しく活用し、より早いページロードを実現する
• CDNでホストされたjQueryとローカルにもフェールセーフする呼び出し
• 機能がたくさんありすぎる？ HTML5 Boilerplateはデリートキーと仲良し。:)

試してみる？