html - HTML5 ボイラープレートの欠点

Question

私は XHTML を約 3 年間使用しており、HTML5 と CSS3 の登場についてはあまり気にしていませんでした。数か月前、私はHTML5 Boilerplateに出くわし、今とても興味を持ち始めています。

まだ見つけられていない唯一のことは、この一連のベスト プラクティスを使用することの欠点です。さまざまなブラウザでサイトを同じように見せることが主な目的であることは知っていますが、注意すべき点はありますか?

Answer 1

知っておくべきことはありますか？

はい、間違いなく。プラグアンドプレイではありません。または、少なくともそのようになる可能性はありますが、そのように考えられていません。そして、このままだと本来の良さを味わえません。ボイラープレートは非常に柔軟で、カスタマイズする方法を学ぶ必要があります。完全停止。

私の個人的な提案は、それを試してみて、それが提供する機能を研究することです. 幸いなことに、それは十分に文書化されており、多くのことを学ぶことができます。ボイラープレート自体だけでなく、HTML5、CSS3、リソースの読み込みに関するルールとベスト プラクティス、関連する問題/パフォーマンスに関する回避策、ブラウザーの癖とその修正方法、モバイル開発のコツ、ポリフィルと条件付き読み込み、その他多数クレイジーなもの。その可能性に気づいたら、欠点を見つけたら、ベースのボイラープレートをカスタマイズできます。

ここから始めて、ドキュメントを読み、すべてのリンクをたどってください。近道をしようとしないでください。時間はかかりますが、十分に報われます。困ったら聞く。

より具体的なものとして、私がすぐに見つけた欠点 (ただし、これをプラスと考える人もいます) は、ボイラープレートが CSS グリッドを提供しないことです。大きな問題ではありませんが、adapt.jsは簡単に統合できることがわかったので、normalize.css を adapt.js のリセット スタイルシートに置き換えて、グリッドを使用しました。

Answer 2

数か月前に気付いた2つのことは、JavaScriptが本体の下部に読み込まれる方法です。見た目が汚れているだけでなく、私はこれの大ファンではありません。また、自分で読み込みをテストしましたが、javascriptの読み込みが改善されていることに気づきませんでした。実際、巨大なスクリプトでは実行速度が数ミリ秒遅くなりました。

また、normalize.cssを数回試しましたが、以前よりも多くのパディングとマージンのスタイルを変更していることに気付きました。目標は多少似ていますが、アプローチが異なるため、これはもちろん通常のことです。慣れているという理由だけで、これをEricMeyerのreset.cssに変更しました。

私はmodernizrスクリプトとx-browserの結果のために物事を実装する方法が本当に好きです。たとえば、GoogleAnalyticsの実装。

私が覚えているもう1つの小さなことは、タイトルタグの配置でした。私はSEOの理由でそれをトップの位置に変更しました。