レスポンシブウェブデザイン

著者: Louise Ward
作成日: 7 2月 2021
更新日: 17 5月 2024
Anonim
【超入門】初心者向け レスポンシブデザイン完全攻略!メディアクエリ等解説【HTML・CSS コーディング】
ビデオ: 【超入門】初心者向け レスポンシブデザイン完全攻略!メディアクエリ等解説【HTML・CSS コーディング】

コンテンツ

この記事は、ウェブデザイナーと開発者向けの世界で最も売れている雑誌である.netマガジンの229号に最初に掲載されました。

しばらくの間、私はサイトが表示されるコンテキストと、それがどのように物事を変えることができるかについて考えていました(そして話していました)。ロンドンの映画館からの距離に応じて、人々が必要とする可能性のあるさまざまな情報を検討してください。今日の上映のタイミングは、たとえば、将来英国を訪れる予定の人にとっては、地元の住民よりも関連性が低くなります。

映画館の通勤距離内にいる人はどうですか?たとえば、平均運転時間や交通状況の更新に基づいて、時間内に上映される可能性があるかどうかを知ることは、非常に役立つ可能性があります。

彼らがすでに映画館にいて、モバイルデバイスでサイトを閲覧している場合はどうなりますか?この場合、駐車場、アクセシビリティ、ポップコーンスタンドの場所などが頭に浮かぶ可能性が高くなります。

理想的には、映画館のホームページは、これらすべての対照的な要求などを反映するようにコンテンツの優先順位を調整します。


レスポンシブウェブデザイン

データにより、サイトコンテンツに優先順位を付け、ユーザーのニーズに関連させることができます

この種の考え方は「レスポンシブウェブデザイン」に含まれることが多いですが、それは非常に大きく重要なテーマであるため、独自のラベルが必要だと思います。そのため、講演では「レスポンシブウェブデザイン」と名付けたものについて言及します。

リアクティブでレスポンシブなウェブデザインは、プロジェクトの最初から私たちが経験できる思考の積み重ねの一部として機能していると思います。そこでは、作成しているものに対してどのコンテキストが機能するかを決定します。これは、Webデザイナーや開発者が検討するだけのものではないことに注意してください。 Web用に作成する人は誰でもこれに参加する必要があります。

映画館の例をとると、地理と作業時間のコンテキストがあります。これには、建物の場所や、映画が一定期間上映され、特定の日の特定の時間にのみ上映されるという事実が含まれます。また、訪問者の場所を確認することもできます(たとえば、ジオロケーションやIPルックアップを介して)。

このデータにより、常識、試行錯誤、視聴者調査の組み合わせに基づいて、ウェブサイトコンテンツにインテリジェントな優先順位を付け、ユーザーのニーズをより適切に認識できるようになります。


未開拓の可能性

さっきも言ったように、これについてはずっと考えていました。数年前、ウェブサイトをいじり始めたとき、地元のお店や企業を見て、オンラインで達成できることと実際に達成していることとの間に大きな隔たりがあることに気づきました。私の考えでは、ウェブは、あらゆる場所、あらゆる場所に存在する、このワイルドでサイエンスフィクションのようなものでした。しかし残念ながら、実際には、接続が遅く、サイトがよく考えられていない場合が多かった。

ウェブ向けのものを作成する私たちのほとんどは、同様の焦りに苦しんでいると思います。それが私たちの革新を続けている理由です。説明できないことが頭の中にあるか、まだ不可能なアイデアがあります。

しかしありがたいことに、ウェブのより成熟した時代では、あらゆる種類のことが可能になりつつあります。

新しい可能性

Webにアクセスするためのデバイスと手段は、1990年代に利用可能だったものを超えて認識できないほどに成長しました。私たちの業界と考え方は成熟し、その過程で多くの教訓が得られましたが、多くの点で、私たちはまだ始まったばかりのように感じます。

ウェブのクリエーターとして、私たちは今できること、そして私たちの周りの人々に刺激を与えるという驚くべき可能性を秘めています。私が想像したその奇妙なSF風の未来は、もはや遠くはありません。かつてウェブの未来として宣伝されていたインターネット冷蔵庫やオンライントースターの代わりに、あらゆる種類のセンサーと相互作用の方法を備えた強力なデバイスがあります。今から未来が始まっているような気がします。


私たちが推薦する
これらのヒントでアニメーションポートフォリオを完成させましょう
続きを読む

これらのヒントでアニメーションポートフォリオを完成させましょう

あなたがどれほど才能のあるアニメーターであるかは関係ありません。あなたはキャラクターデザインを習得し、3Dアートスキルを完成させたかもしれませんが、将来の雇用主を引き付ける素晴らしいショーリールがなければ、あなたが夢見ていたその仕事は実現しそうにありません。では、成功の秘訣は何ですか?主要なアニメーターに、ショーリール戦略に関するプロのヒントを共有するよう依頼しました。ターゲットとするフィールドに...
Web標準のホット:2012年5月
続きを読む

Web標準のホット:2012年5月

2012年5月には、さまざまなワーキンググループ全体で、Web標準に多くのエキサイティングな開発がもたらされました。ここでは、定期的な一連のレポートの最初に、すべてのプロのWebデザイナーが知っておく必要のある最もホットなトピックと新しいトレンドを要約します。概念のいずれかがなじみのないように思われる場合は、明らかにされた8つの最大のWeb標準の神話を読むことから始めたいと思うかもしれません。それ...
建設的な対立の達人になる
続きを読む

建設的な対立の達人になる

デザイナー、イノベーター、起業家としての私たちの使命は、常に人々の生活をより良くすることです。私たちのデザイン思考は通常、同じように提案されます。「ねえ、あなたが現在していることは苦痛です。これがより簡単な方法です」。そのため、Airbnbのデザイナーマネージャーである teve elzerが X Wで「物事を簡単にする」ことは必ずしも良い考えではないと提案したとき、私は聞き間違えたと思いました。...