今年响应式设计也有重大的突破,本文是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的一位朋友发布了一个响应式设计课程,这对设计师和工程师都很有意义。
新工具
响应式电子邮件模板
我们把自己的电子信箱升级为响应式的,同时认为别人也会需要,所以贡献出了 这个模板 。
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
注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。