以前に「モバイル ファースト」の Web サイトに取り組んだことがあり、現在はサイトに Twitter Bootstrap を使用しています。問題は、Twitter Bootstrap が「モバイル ファースト」ではなく、「レスポンシブ」であることです。
「モバイル ファースト」とは、携帯電話用の非常に基本的なスタイルシートが最初に読み込まれることを意味するため、携帯電話が @media クエリをサポートしている必要はありません。
Twitter Bootstrap は、@media クエリを使用してモバイルに合わせてサイズを変更し、デスクトップ スタイルシート全体を読み込みます。
Twitterがこの方法を採用した理由はありますか? 確かに互換性がなく、古いデバイスは動作しませんか?
使用できる Twitter Bootstrap 用の「モバイル ファースト」の mod はありますか、それとも自分で作成する必要がありますか?
Bootstrap 3 はモバイル ファーストです。わーい！
http://getbootstrap.com/で見られるように、V3 がリリースされました。
Mobile First は使用していませんが、Bootstrap をかなり広範囲に使用しており、これは私がたどり着いた視点にすぎません。
私が見た限りでは、概念としての「モバイル ファースト」はまさにそれであり、開発に対するモバイル ファーストのアプローチです。一方、Bootstrap は最新のブラウザ用のツールの簡潔なライブラリとして開発され、最近になって古いブラウザやモバイル デバイスを幅広くサポートするように進化しました。
Bootstrap サイトから:
当初は最新のブラウザーのみを念頭に置いて構築されていましたが、Bootstrap はすべての主要なブラウザー (IE7 も含む!) をサポートするように進化し、Bootstrap 2 ではタブレットやスマートフォンもサポートしています。
しかし、私が見た限りでは、Bootstrap とモバイルには多くの可能性があります。GitHub マイルストーンを掘り下げるだけで、作業中の大量のアイテムが表示されます!
Bootstrap のグリッド レイアウトのモバイル ファースト バージョンがGitHub に登場しました。ただし、bootstrap.css コアはまだ必要なようですが、コードは機能しているようです。