ゼロから構築しないでください。 これでHTML5レイアウトテンプレートができました

HTML5への愛は、 ポール・アイリッシュを刺激し続けています。 まず、 Modernizrを提供してくれましたが、現在はDivya Manianと協力して、実践で使用できるように高度なテクニックを使用するHTML5テンプレートを作成しています。

本質的には、HTMLとCSSで構成される適切な出発点であり、機能するフォルダー構造も提供します。 しかし、クライアント側の開発における専門家の長年の経験を考慮に入れて作成されました。 ソースコードを見て、中身を感じてください。 これが多すぎると思う場合は、余分な部分を削除してください。

サイトから直接、このテンプレートを優れたものにする機能の一部を次に示します。

• ブラウザー間の互換性（はい、IE6を含む）;
• HTML5対応。 新しいタグ全体を使用することができます。
• Aクラスパフォーマンスのキャッシングと圧縮の最適なルール。
• 私たちの実践に基づいた最適なデフォルトのサイト設定。
• モバイルブラウザの最適化。
• 現代の機能の漸進的な軽度の劣化...はい、動作します。
• ブラウザー間の互換性を最大限に制御するための特定のIEクラス。
• スタイルに基づいて機能に依存する機能を記述するための便利な.no-jsおよび.jsクラス。
• 単体テストを作成したいのですが、怠lazですか？ 完全に機能するテストスイートがあなたを待っています。
• IE6およびIE7でのJavascriptプロファイリング... もちろん問題ありません。
• 誤って何かを壊さないようにConsole.logを設定します。
• 間違ったタイプのドキュメントやマークアップは決してありません！
• 生産性のために最適化された最適な印刷スタイル。
• iOS、Android、Opera Mobile、およびCSSスケルトンに適応可能なレイアウト。
• IE6 pngfixが含まれています。
• クラス.clearfixおよび.visuallyhiddenは、合理的でフレンドリーなスタイリングです。
• HTML5の機能を正しく使用できるようにし、ページの読み込みを高速化する.htaccessファイル。
• CDNでホストされるjQuery。信頼性を高めるためのローカル冗長性。
• 考えすぎ？ HTML5テンプレートを使用すると、追加機能を簡単に削除できます。 :)

すでにこのHTML5テンプレートを自分用に適合させていると言う人もいるので、ライブプロジェクトで動作するのを見るのは素晴らしいことです。 彼は助かります。



このプロジェクトでは、お気に入りのGitHubバージョン管理ホスティングシステムを使用しているため、リポジトリからテンプレートを取得したり、サイトからアーカイブをダウンロードしたりできます 。