第一節：準備工作

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的優秀之處 。