【问题标题】:Impressive Examples of Progressive Enhancement [closed]渐进增强的令人印象深刻的例子[关闭]
【发布时间】:2009-10-08 20:26:18
【问题描述】:

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

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

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

【问题讨论】:

    标签: progressive-enhancement


    【解决方案1】:

    亚马逊网站退化得很好。

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

    【讨论】:

    • 我在 Amazon 上禁用了 CSS 并收到消息:“此网站的不同版本包含针对屏幕阅读器和移动设备优化的类似内容,可在以下网址找到:www.amazon.com/使用权”。很酷:)
    【解决方案2】:

    嗯,你正在阅读一个! 4877 次修订和计数。

    【讨论】:

    • 对不起,我想我误解了 PE 的意思。
    【解决方案3】:

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

    UPD:对于表,请检查 this link 以查找使用“渐进增强”并启用脚本或在没有脚本的情况下降级的表。

    【讨论】:

      【解决方案4】:

      关于如何逐步增强视图的一个非常好的示例

      http://www.alistapart.com/articles/testdriven/

      【讨论】:

        【解决方案5】:

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

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2010-11-15
          • 2011-09-04
          • 1970-01-01
          • 1970-01-01
          • 2010-09-11
          • 2016-05-16
          • 2010-11-26
          • 1970-01-01
          相关资源
          最近更新 更多