2012是响应式设计之年

原文地址：http://www.csdn.net/article/2012-12-27/2813224-2012-is-the-year-of-responsive-design

摘要：又到了年终总结的时候了，今年的新设备在屏幕分辨率上有了重大升级，但是老旧的显示设备依然未被淘汰。因此我们看到，从移动到PC，从旧显示屏到Retina，屏幕分辨率的跨度无以复加，所以响应式设计变得异常重要。

今年响应式设计也有重大的突破，本文是ZURB公司总结的响应式设计在今年的重大突破与事件，一起来看看吧。

响应式图片

---

说到响应式图片，还有很多工作要做，但目前已经有所进展。下面几篇关于响应式图片的文章都很不错：

A List Apart在年初的时候发布了一篇非常优秀的文章：响应式图片几乎准备就绪，我们开发者还需要做些什么？

阅读：Responsive Images: How they Almost Worked

Apple的iPad mini为窗口显示带来了更复杂的问题，但实际上这个问题已经存在很长时间。 Luke Wroblewski、Peter-Paul Koch、Stephanie Rieger和Lyza Danger Gardner深入分析了该问题。

阅读：Vexing Viewports

越来越多的公司开始采用响应式设计

---

今年开始，已经有不少公司开始应用响应式设计，下面是几个大公司的案例：

Starbucks的网站现在已经适应手机、平板和桌面访问，他们意识到会有更多的人将通过手机或平板来访问网站，但他们以前的网站看起来并不理想，于是下决心做了些工作。

即使是Mickey Mouse也知道响应式设计将会是Web设计的未来，于是他的设计师说道：

 它（响应式设计）不应该被当作一个特点来对待，而应该是一个网站自我尊重的表现。

今年微软重新设计了网站，Forbes曾预测它将引入主流的响应式设计，微软大幅改变了自己的形象，即使是大公司也嗅到了未来设计的走向。

设计软件巨头Adobe也意识到应该为不同的设备提供内容，尽管他们看到了响应式设计将面临的挑战，但并不否认它也是为移动客户提供内容的合适解决方案。

有部分科技博客也为跨设备体验而重新设计自己的网站，ReadWrite算是其中比较优秀的，我们设甚至对其新网站进行了完全解析，并指出其中主要变化和亮点。

深入响应式设计

---

关注响应式设计的公司很多，对它的争论也没有停下来过，下面是我们认为最有价值的文章：

Design Shack问道，是不是所有人都正确地使用了响应式设计。简单地复制粘贴一段media query并不能真正地将你的网站变得响应式。

阅读：Responsive Design: Why You're Doing It Wrong

你还需要Photoshop吗？本文让我们重新思考响应式设计是否正在取代Photoshop的地位，现在已经可以抛弃它了吗？

阅读：Has Responsive Design Killed Photoshop for Web Designers?

同样也有人认为，为移动设备设计专门的移动网站可能会更好，甚至Google也加入了这场争论。来看看正反双方的观点吧。

阅读：Mobile Websites vs Responsive Design

网站加载时间依然是问题，性能很重要。但我们应该怎么做？

阅读：Responsive Responsive Design

移动网络战略家Brad Frost开发了一个惊人的项目——购买素材、资源和新闻的虚拟一站式商店。

看好了，这才是响应式！

Team Treehouse的一位朋友发布了一个响应式设计课程，这对设计师和工程师都很有意义。

学习Team Treehouse响应式设计课程

新工具

---

响应式电子邮件模板

我们把自己的电子信箱升级为响应式的，同时认为别人也会需要，所以贡献出了这个模板。

Responsive Sketchsheets

草图是我们工作流程中非常重要的一部分，我们需要在编码前确定网站在移动化过程中是如何变化的（对我们来说是移动优先），这就是我们设计Responsive Sketchsheets的原因。

Responsive Tables

Responsive Tables是个CSS/JS的组合，可以帮助你设计响应式的布局，至于它能做什么就看你想做什么了。

Foundation 3.0

我们发布了Foundation 3.0，一个非常先进的响应式前端框架。在接下来的一年里我们将发布Foundation的下一个重量级版本。

Responsive Design Sketchbook

一个帮助设计响应式网站的草图本。

Responsive Design Bookmarklet

这是一个用于测试响应式网站的便利工具，把它加入书签就可以了。

Pixel Perfect Responsive Design Testing Tool

你可以使用Pixel Perfect Responsive Design Testing Tool来测试你的网站在各种分辨率下是否都能表现得完美。

---

总而言之，今年我们在响应式设计上取得了重大进展，相信在接下来的一年里，它能达到一个新的高度，希望我们彼此都能贡献出一份力量！

原文链接：ZURBlog