web-dev-qa-db-ja.com

デスクトップ初のレスポンシブデザインフレームワーク

エンタープライズレベルのアプリケーションをWebフレンドリー(つまり、クラウド内で完全に応答可能)に開発する傾向が高まっているため、多くの統計は、ワイドスクリーンのアスペクト比に対応する設計を検討する必要があることを示唆しています。ほとんどのオフィス環境で一般的です。

「レスポンシブデザイン」という用語は主にモバイルデバイスに関連しているようですが、フレームワークがレスポンシブデザインをサポートしている場合、デザイナーが「モバイルファースト」でより大きなビューポートをサポートするか、 「デスクトップファースト」で、より小さなビューポートをサポートします。

ブートストラップは確かにそれ自体を「モバイルファースト」レスポンシブデザインフレームワークとして宣伝しているので、デバイスに依存しない(したがってフォーカスを選択できる)か、「デスクトップファースト」レスポンシブデザインフレームワークのいずれかであるデザインフレームワークがあるのではないかと思います。ワイドスクリーンビューポートと、モバイルデバイス用に個別に簡素化およびカスタマイズされた複雑なインタラクションやダッシュボード機能などのUIコンポーネント/ウィジェットをサポートしていますか?

3
Michael Lai

mobile first はテクノロジーと見なすべきではなく、アプローチまたは概念であるため、これはトリッキーな質問です。フレームワークはこれに適応しており、このアプローチを実現するための優れたツールを提供していますが、これは、このアプローチがより簡単に実現できることを意味し、この目的のためだけに使用できるわけではありません。実際のところ、UpWorkで行った簡単な調査では、ほとんどのデザイナーがdesktop firstアプローチを使用していることを示しています。

これと、フレームワーク開発者によるマーケティング/ギミックのメッセージのため、フレームワークをモバイルファーストとラベル付けする人がいないため、誰もがフレームワークをモバイルファーストとしてマーケティングすることを心配しました。それは興味を起こさないだけです。 mobile firstモットー(またはdesktop first)を使用しないことを覚えている唯一のモバイル対応フレームワークは Compass 。ある時点で、彼らはそれをデバイスにとらわれないものとして分類しましたが、今では彼らはそれを彼らのサイト、少なくともホームページからそれさえ取り除きました。

もちろん、あなたは Bootstrap 2 をダウンロードしてダウンロードすることができますが、なぜあなたはそうするのですか? Bootstrap 3 (または今後の Bootstrap 4 )、必要なときにオンデマンドで応答性を無効にすることができます。同じことが他のフレームワークについても言えるので、あなたの質問に対する簡単な答えは "モバイルの最初のフレームワークの古いバージョン"ですが、これは間違った提案であり、単に応答性を適切に使用することをお勧めします。 デスクトップが最初は、過去20年間に誰もが行ったことであり、大多数が今も行っていることなので、新しいものを使用しないようにするだけの問題です!

たとえば、画面を多用する必要があるクラウドアプリを作成しただけで、大きければ大きいほどよいでしょう。ただし、このアプリの一部は必要に応じて携帯電話でもアクセスできるため、最初はレスポンシブでモバイルに設定し、固定デスクトップサイズで機能する機能をいくつか用意しました。このようにして、両方のアプローチで最良の結果を得ましたが、フレームワークは同じです(この場合は Foundation

2
Devin