レスポンシブ Web デザインは急速に普及しています。twitter Bootstrap は、現在利用可能な最高のフレームワークの 1 つであることを知っています。しかし、私は他のオプションが何であるか疑問に思っています。レスポンシブ Web サイトをいくつか見たことがありますが、それらが Twitter ブートストラップを使用して構築されているかどうかはわかりません。私が話しているウェブサイトは、雑誌やCSSのトリックを壊しています。Twitterのブートストラップやその他のフレームワークを使用していますか?
3 に答える
実際、レスポンシブ Web デザインには、 Fluid Grid、Flexible Images、Media Query の 3 つの要素が含まれています。RWD 手法を使用して Web を構築する方法に興味がある場合は、Ethan MarcotteのResponsive Web Designの本を読むことをお勧めします。
どちらも独自のカスタム CSS コードを使用しています。カスタム デザインが大量にあるサイトでは、Bootstrap をベースにすることはあまり意味がありません。
そうは言っても、完全に定義されたコードの上に構築することを気にしないのであれば、Bootstrap は優れたフレームワークです。
レスポンシブ デザインの場合、必要なのは @media クエリだけです。Bootstrap は、@media クエリも使用する非常に定義されたフレームワークです。
少し遅い回答ですが、現在、レスポンシブ フロントエンド フレームワークはかなりの数あります。 たとえば、 Twitter BootstrapやFoundationです (私は両方のファンです)。
それらの利点は、非常に高いレベルのカスタマイズ、流動的なグリッド コンポーネント、メディア クエリ、およびその他の多くの機能です。柔軟性は多くを語ります。
もちろん、これらは出発点にすぎません。必要に応じてカスタマイズできます。コミュニティは継続的に新しいアイデアを生み出しています。たとえば、bootstrapcdn.comでは、高速ロードのブートストラップ ファイルを使用して...
考慮すべき最も重要な要素の 1 つは、レスポンシブ サイトがサポートできる画面数です。3? 4? 5? (PC、タブレット、スマートフォン、テレビなど) と、さまざまな画面サイズをサポートするためにサイトがどのように低下するか。