CSS3 におけるグレースフル デグラデーションとプログレッシブ エンハンスメントの違い

以下は、CSS3 におけるグレースフル デグラデーションとプログレッシブ エンハンスメントの違いをまとめたものです。興味のある学生は参照してください。

プログレッシブな機能強化: 最も基本的な機能を確保するために低バージョンのブラウザー用のページを構築し、効果やインタラクションを改善し、高度なブラウザー用の機能を追加してより良いユーザー エクスペリエンスを実現します

グレースフル ダウングレード 劣化: からの完全な機能を構築します。違い: グレースフル デグラデーションは複雑な現状から始まり、ユーザー エクスペリエンスの提供を削減しようとしますが、プログレッシブ エンハンスメントは非常に基本的なものから始まります。動作するバージョンから始めて続行します。将来の環境のニーズに合わせて拡張します。ダウングレード (機能の衰退) は過去を振り返ることを意味しますが、漸進的な強化はその基盤が安全地帯にあることを確認しながら将来を見据えることを意味します

「グレースフル ダウングレード」の考え方は、最も先進的で完全なものを対象とすべきであると信じています。ブラウジング Web サイトをデザインすること。 「古い」とみなされるブラウザや機能が欠落しているブラウザでのテスト作業は開発サイクルの最終段階で行われ、テスト対象は主流ブラウザ（IE、Mozilla など）の前のバージョンに限定されます。

この設計パラダイムでは、古いブラウザーは「貧弱だがまあまあ」のブラウジング エクスペリエンスしか提供しないと考えられます。特定のブラウザに合わせて、いくつかの小さな調整を行うことができます。ただし、それらは私たちの注意の焦点では​​ないため、大きなバグの修正を除いて、その他の違いは無視されます。

「漸進的強化」の観点では、コンテンツ自体に焦点を当てるべきであると考えています。

コンテンツはウェブサイトを構築する動機です。表示する Web サイト、収集する Web サイト、検索する Web サイト、運営する Web サイト、これらすべてを含む Web サイトもありますが、すべてコンテンツが含まれることは同じです。これにより、「プログレッシブ エンハンスメント」がより合理的な設計パラダイムになります。これが、Yahoo! によってすぐに採用され、「段階的ブラウザ サポート (段階的ブラウザ サポート)」戦略の構築に使用された理由です。

上記は、CSS3 におけるグレースフル デグラデーションとプログレッシブ エンハンスメントの違いをまとめたものです。将来役立つことを願っています。

関連記事:

JS+CSS3でマウスと画像間のインタラクティブな拡大効果を実現

CSSとCSS3で三角形要素の描画を実現

HTML5+CSS3アプリケーションの詳細説明