プログレッシブエンハンスメントの印象的な例 [終了]
-
20-09-2019 - |
質問
私は Web 開発でプログレッシブ エンハンスメントを使用することに価値があると考えており、すでに定期的に使用しています。そうは言っても、私がこれまでに見た、プログレッシブエンハンスメントを強く主張するほとんどすべての Web サイトは、タイトル用の div とナビゲーション用の div を持つ、画像のない Web サイトです。言い換えれば、本当に基本的な (そして退屈な) ものです。
プログレッシブ エンハンスメントを使用して大きな効果を上げているサイトの例をご存知ですか?私はサイト上のあらゆるものを無効にして、どのように見えるかを確認するのが大好きですが、美しく劣化したものを見つけることはほとんどありません。画像、動的コンテンツ、テーブル、埋め込みプレーヤー、または単なるテキストのブロックよりも開発がやや難しいものを含むものを探しています。
私はテキスト専用ブラウザで完璧に表示され、そのフル機能の素晴らしさに驚かされるサイトを見つけるのを今でも待っています ;)
解決
アマゾンのサイトは非常によく低下します。
JavaScriptがオフになっている場合は、、(もちろんの全ページのリロードで)製品の写真を閲覧することが可能です。 JavaScriptがオンになっている場合には、素敵なAjaxは経験を向上させます。
他のヒント
さて、あなたは1に読んでいます! 4877の改訂計数ます。
チェックアウト www.yahoo.com - YUI ライブラリに基づいています (yulibrary.com)自分たちで作りました。設計により段階的に強化された幅広いウィジェットやモジュールが含まれています。(スクリプトを有効にした場合と無効にしてサイトを確認しました - 実際には違いさえ認識できませんでした - スクリプトを無効にしたことを確認するために 2 回確認しました %-)
更新:テーブルの場合はチェックしてください このリンク スクリプトを有効にして「プログレッシブ拡張」を使用するテーブル、またはスクリプトを使用しないと機能が低下するテーブルの場合。
ビューをプログレッシブ強化する方法として、本当に素晴らしい例
フィラメントグループはボストン* の世界の*。comプログレッシブエンハンスメントを使用して設計しました。それは、もちろん、画像、キャンバス、ビデオ、などがあります。