Html5Boilerplateがバージョン2.0に到達し、モバイルファーストの設計を中心としているので、Html5Boilerplate Mobileをモバイルファーストのサイトに引き続き使用する必要がありますか？それぞれのコードを掘り下げてb/fに聞いてみたかっただけです。
明らかな違いの1つは、Html5BoilerplateがCSSリセットから正規化に切り替わり、respond.jsやモバイルメディアクエリセクションなどのモバイルファーストの側面が追加されたことです。標準のボイラープレートは、Githubでもよりアクティブに見えます。誰かがこれらの2つについて意見がありますか？
この回答は主に、この件に関するメーリング リストのスレッドから盗みます ...
HTML5Boilerplate は、Web サイトの作成を開始する場合に使用する必要があるものです。モバイル ブラウザで動作し、適応するように最適化されています。
モバイル HTML5 ボイラープレートは、デスクトップ以外のデバイスで異なる UX を持つように明示的に記述された Web アプリ向けに最適化されています。
- これは、ネイティブ アプリケーションの UI を模倣したり、それに近づけたりすることを望んでいる可能性があることを意味します。
- デスクトップ ブラウザでは不可能なタッチ ベースの UI パラダイムやその他の操作を多用する場合があります。
- メディア クエリやその他の方法を明示的に使用して、デスクトップ以外のブラウザーを検出し、異なるエクスペリエンスを提供します。
Web アプリとは、特定のタスク (twitter.com / gmail.com / facebook.com / wordpress.com の管理インターフェイスなど) を達成するために集中的に使用される Web サイトを意味します。これらのサイトは、使用可能なスペースを活用し、ユーザーがデバイスに関係なく最小限の労力でタスクを完了できるようにする必要があります。
一方、ユーザーが友人のメールやコンテンツを含む reddit で見つけたために時々訪れる Web サイトがありますが、ユーザーはそれをほとんど操作しません (単にアクセスするか、せいぜいコメントを残すだけです)。 html5 ボイラープレートは、使用するのに適したテンプレートです。これは、コンテンツが豊富で、最小限のユーザー操作しか必要としないほとんどのサイトに適したオプションです。
私たちにとって残念なことに、モバイル プラットフォームもまた、プラットフォームの最適化に使用するカスタム メタ タグを指定することでサイロを生み出しています。たとえば、Apple は、apple-touch-icon メタ タグを使用して、Webkit モバイル ブラウザーに固有のものを指定することを推奨しています。ノキアには独自のものがあります。私たちは html5boilerplate がそのような粗雑なものをデフォルトに追加することを望んでいませんでしたが、デスクトップ以外のデバイスを利用するように調整されたアプリケーションを作成する人にとっては、これが必要になるでしょう。すでに多くの一貫性がありますが、モバイル最適化の標準化がさらに進むことを願っています.
モバイル版も新しいファイルでアップデートを予定しておりますが、現在ご利用いただいても特に支障はございません。1 つのプロジェクトだけを開催できるミーティング ポイントはまだありませんが、将来的には 1 つに統合されることを期待しています :)
アプローチ次第です。モバイル Web サイトとデスクトップ Web サイトで同じマークアップを使用する場合は、HTML5 BP を使用してください。ただし、モバイル用に別の Web サイトを作成している場合は、Mobile Boiler Plate を使用してください。