progressive-enhancement - 渐进增强的令人印象深刻的例子

Question

我看到了在 Web 开发中使用渐进增强的价值，并且我已经经常使用它。也就是说，我所见过的几乎每个强烈提倡渐进增强的网站都是一个没有图像的网站，它有一个 div 作为标题，一个 div 用于导航——换句话说，这些都是非常基本（而且很无聊）的东西。

您知道使用渐进增强效果很好的网站示例吗？我喜欢在网站上禁用各种东西以查看它们的外观，但我很少发现可以漂亮地退化的东西。我正在寻找包含图像、动态内容、表格、嵌入式播放器或任何比文本块更难开发的东西。

我仍在等待找到在纯文本浏览器中完美显示的网站，并且仍然以其全功能的荣耀让我大吃一惊；）

score 2 · Accepted Answer

亚马逊网站退化得很好。

如果 JavaScript 关闭，那么仍然可以浏览产品图片（当然需要重新加载整页）。如果 JavaScript 打开，那么漂亮的 Ajax 会改善体验。

score 1 · Accepted Answer

1

好吧，你正在阅读一个！4877 次修订和计数。

于 2009-10-08T20:29:13.533 回答

score 0 · Accepted Answer

查看www.yahoo.com - 它基于他们自己制作的 YUI 库 ( yuilibrary.com )。它具有广泛的小部件、模块，这些小部件和模块在设计上具有渐进式增强。（我检查了他们的网站启用和不启用脚本 - 甚至没有认识到差异，真的 - 做了两次以确保我禁用它们％-）

UPD：对于表，请检查此链接以查找使用“渐进增强”并启用脚本或在没有脚本的情况下降级的表。

score 0 · Accepted Answer

一个非常好的例子，说明如何逐步增强视图

score 0 · Accepted Answer

Filament Group使用渐进增强设计了 boston* globe *.com。当然，它有图像、画布、视频等。

5 回答 5