web-dev-qa-db-ja.com

HTML5ボイラープレートとTw​​itter Bootstrap

StackでTwitter BootstrapおよびHTML5の定型句について回答されたさまざまな質問を読みました。

私は次のことを知っています:

  • ブートストラップとH5BPは同等ではなく、異なる目的に使用されます
  • Bootstrapの使用目的を知っています。毎日使用しています-フロントエンドフレームワーク、CSS、JSをすぐに使用できます。セレクター/要素に適切なクラスを適用するだけです。そしてBootstrapはあなたのためにすべてを行います。彼らは、彼らがフレームワーク内で提供しなければならないものとそれを実装する方法を見ることができる彼らのウェブサイトに広範なサポートドキュメントを持っています...
  • initializr を使用して、2つのべき乗を組み合わせることができます。
  • H5BPはテンプレートです...それについて...

しかし、私はまだ知りません、次のとおりです:

  • H5BPの用途は何ですか?彼らのウェブサイトにアクセスするとき、彼らはあなたにソースファイルだけを与えます、そして、それはそれです(ああはい、そしてビデオ)。 それを使用することの利点は何ですか?また、Bootstrap for example?と一緒に使用したい理由は何ですか?
90
DextrousDave

あなたはまさにその通りです、それはテンプレートです。これは、HTML5 Webサイトを開発するためのベストプラクティスのセットをまとめたテンプレートです。使用する必要はありませんが、使用すると、長年にわたってトップ開発者によって開発および磨き上げられた強固な基盤の上に構築しているので安心できます。プロジェクトの主要な開発者の1人であるPaul Irishの言葉では:

「基本的には、htmlとcssの優れた開始テンプレートであり、機能するフォルダー構造ですが、それに組み込まれているのは、フロントエンド開発の専門家による長年のベストプラクティスです。」

ボイラープレートの完全にコメントされたバージョンをダウンロードし、コード全体を読んで、それがどのように処理されたのかを考えてみることをお勧めします。 ( この記事 も参照してください。これは、サイトで使用する必要のある定型句のコードスニペットを示しています)。これらは、プロジェクトの開始点として使用するかどうかを判断するのに役立ちます。

HTML5bp initializr には、bootstrapオプションも含まれているため、これ以上簡単にはなりません!

68
net.uk.sweet