HTML5 Boilerplate

Last-modified: 2012-03-11 (日) 01:56:37

日本語HTML5 Boilerplateから抜粋させて頂きました

そもそも何が嬉しいいのか?

  • ページロード時間も早く、強固でかつ将来性のある、プロフェッショナルな連中のための基本HTML/CSS/JSテンプレート
  • ベストプラクティスのカタマリ。
  • クロスブラウザのノーマライズ、パフォーマンス最適化、AjaxとFlashのcrossdomainのおまけ付き
  • Apache用 .htaccess 設定ファイルはキャッシュのルールがすでに書かれている上、HTML5ビデオ、@font-faceの準備も万端
  • フレームワークではないし、開発フィロソフィーのひな形でもない。正しく、素早くプロジェクトを開始するのに便利なトリックである。

開発にとって嬉しそうなこと

  • クロスブラウザ対応(IE6も含む)
  • グレードAパフォーマンスを得るための最適化されたキャッシュと圧縮ルール
  • サイト設定デフォルトのベストプラクティス

GETTING STARTED

  • Downloadしてきます
  • UsageとConfigurationをみます
  • いくつかのサイトと、HTML5 Boilerplateを使っているフレームワークやスキーマを見ます
  • ライセンス情報は呼んでおきましょう
  • 質問はおk?Stack Overflowチェックしてみて

http://html5boilerplate.com/docs/

THE CORE OF HTML5 BOILERPLATE

  • HTML / リハーサル用のデフォルトファイル
  • CSS / 逐次処理符号化説明のデフォルトCSS(なんだそれ?)
  • JavaScript /デフォルトで読み込まれるJavascript
  • crossdomain.xml
  • .htaccess /Apacheのwebサーバー設定ファイル

BUILD SCRIPTS

HTML5 Boilerplateプロジェクから分離してます

利用可能なビルドスクリプト

  • Ant
  • Rake
  • Node