第一节：准备工作

1.下载视口调试浏览器插件

Internet Explorer (Developer Toolbar)地址：http://www.microsoft.com/download/en/details.aspx?id=18359

Safari (ResizeMe)地址：http://resizeSafari.com

Firefox (Firesizer)地址：https://addons.mozilla.org/en-US/firefox/addon/firesizer/

Chrome (Windows Resizer)地址：https://chrome.google.com/webstore/detail/kkelicaakdan-hinjdeammmilcgefonfh

现在，带着我们所需要的工具（你的浏览器需要支持CC3+html5），开始鉴赏最好的响应式网站吧 淡定哦！

2.优秀响应式网站鉴赏(调整浏览器窗口试试)

http:/thinkvitamin.com/

http://2011.dconstruct.org/

http://naomiatkinson.com/

下面这两个网站虽然不是响应式设计，但我们关心其中用到的CSS技巧

http://demo.marcofolio.net/3d_animation_css3/

http://designlovr.com/examples/dynamic_stack_of_index_cards/

推荐一个响应式设计创意收集网站：http://mediaqueri.es 展示了HTML5的优势所在，接下来让我们把注意力转移到幕后，来了解一下HTML5的优秀之处 。