未来志向の総合的なウェブデザイン:プログレッシブエンハンスメント

未来志向の総合的なウェブデザイン:プログレッシブエンハンスメント
<br />原文: プログレッシブエンハンスメントを理解する
アーロン・ガスタフソン
翻訳: http://lifesinger.org/

1994 年以来、Web 開発コミュニティは Graceful Degradation を推進してきました。このコンセプトはエンジニアリングの世界から生まれたもので、その中心となるアイデアは、最新かつ最も強力なブラウザにフル機能のエクスペリエンスを提供しながら、不幸にもまだ Netscape 4 を使用している人々のために基本的な機能だけを残すことです。これが役割を果たしたことは間違いありません。しかし、これはティム・バーナーズ=リーの「ユニバーサルにアクセス可能な Web」という当初のビジョンとはまったく一致しません。
約 10 年後、一部の賢明な人々が Graceful Degradation に疑問を持ち始め、多くの点でそれが不十分であることに気付きました。コンテンツの可用性、全体的なアクセシビリティ、モバイル デバイス ブラウザーの機能に注力することで、古いデバイスのサポートに口先だけで対応するのではなく、コンテンツを重視する Web 開発への新しいアプローチが生まれました。
2003 年の SXSW カンファレンスで、Steve Champeon 氏と Nick Finck 氏が「未来に向けた本格的な Web デザイン」と題した講演を行いました。そうすることで、彼らは Web 開発へのこの新しいアプローチの青写真を明らかにしました。スティーブはこれに「プログレッシブ エンハンスメント」という名前を付けました。
ここに(微妙な)違いがあります。<br />優雅な劣化とプログレッシブエンハンスメントの違いを理解しようとして頭を悩ませているのであれば、それは見方の​​問題です。グレースフル デグラデーションとプログレッシブ エンハンスメントはどちらも、さまざまなデバイスのさまざまなブラウザーで Web ページがどれだけ適切に動作するかを考慮します。両者の主な違いは、それぞれの焦点と、それがワークフローに与える影響にあります。
グレースフル デグラデーションの観点<br />グレースフル デグラデーションは、最も高度で機能的なブラウザー向けのサイトの構築に重点を置いています。 「古い」または機能が低いと見なされるブラウザでのテストは、開発サイクルの最後まで延期されることが多く、通常は主要なブラウザ (IE、Mozzila など) の最後にリリースされたバージョンに限定されます。
このモードでは、古いブラウザでは、劣悪ではあるものの許容できるエクスペリエンスしか提供できません。特定のブラウザに合わせた小さなパッチがいくつかあるかもしれませんが、結局のところ、これらのブラウザは焦点ではなく、大きなバグを修正する以外には、それ以上の取り組みは行われません。
プログレッシブエンハンスメントの観点<br />プログレッシブエンハンスメントはコンテンツに焦点を当てています。違いに注意してください。ブラウザについては何も言及していません。
そもそも私たちがウェブサイトを作成した理由はコンテンツです。コンテンツを配布するサイト、コンテンツを収集するサイト、コンテンツを要求するサイト、コンテンツを操作するサイト、そしてこれらすべてを行うサイトがありますが、どのサイトにもコンテンツが必要です。ここで、漸進的成長がより適切なモデルになります。そのため、Yahoo! はすぐにこのモデルを採用し、それを使用して段階的ブラウザ サポート戦略を作成しました。
前のページ1 2 次のページ 全文を読む

<<:  MySQL 外部キー設定方法の例

>>:  Kubernetes YAMLファイルの使用

推薦する

Dockerで構築されたコンテナにpingツールをインストールする

Centos や Ubuntu など、Docker が pull する Base イメージは最もシン...

Dockerコンテナ相互接続の予備的な実践についての簡単な説明

1. Dockerコンテナ間の相互接続Docker は現在、軽量の仮想化ソリューションとなっています...

Javascript 構造化代入の詳細

目次1. 配列の分解2. オブジェクトの分解3. 不完全な解体4. 分割代入を使用して変数交換を実装...

WindowsでiTunesのバックアップパスを変更する方法

0. 準備: • iTunesを閉じる• タスクマネージャーでiTunesから始まるサービスを終了し...

https暗号化アクセス用にnginxを設定するための詳細なチュートリアル

環境: 1 CentOS Linux リリース 7.5.1804 (コア)ファイアウォールと sel...

MySQL サービスを完全に削除する方法 (レジストリをクリーンアップする)

序文あるプロジェクトの実行可能ファイルをインストールすると、MySQL 自体をインストールできるよう...

MySQLとOracleの誤解の詳細な説明

目次本質的な違いデータベースセキュリティ権限スキーマの移行パターンオブジェクトの類似性スキーマオブジ...

Django+mysql の設定と簡単な操作データベースのサンプルコード

ステップ1: MySQLドライバをダウンロードするcmdは作成されたDjangoプロジェクトディレク...

Dockerでデータディレクトリを移行する方法

目次ディスク使用量の表示ディスク クリーンアップ (軽々しく使用しないでください)データの移行ディス...

WeChatアプレットの入力レベルとテキストエリアレベルの浸透率が高すぎる問題の解決策

WeChat ミニプログラムのネイティブ コンポーネントであるカメラ、キャンバス、入力 (フォーカス...

Dockerコンテナでyumを呼び出すときのエラーの解決方法

dockerfile またはコンテナ内で yum を実行すると、エラーが報告され、ソースが見つかりま...

MySQL における冗長インデックスと重複インデックスの違い

MySQL では、1 つの列に複数のインデックスを作成できます。意図的であるかどうかにかかわらず、M...

Reactの基本のまとめ

目次序文始めるReactライフサイクルリアクトファイバーリアクトセットステートReactイベントメカ...

JS での Reduce Fold Unfold の使用法の詳細な説明

目次折りたたむ(減らす) for...of の使用whileループの使用折り畳み実装に近い展開する配...

Centos7 に PHP と Nginx をインストールする詳細なチュートリアル

Centos のサーバー側への適用がますます普及するにつれて、Centos7 もますます使用されるよ...