本文收集了一些对Responsive Design的设计和测试很有帮助的网站。

 

BUILDING

RESPONSIVE WEB DESIGN SKETCH SHEETS

http://jeremypalford.com/arch-journal/responsive-web-design-sketch-sheets

Tiny fluid grid

http://www.tinyfluidgrid.com/

Fluid grid

http://csswizardry.com/fluid-grids/

Categorizr – A modern device detection script

http://www.brettjankord.com/2012/01/16/categorizr-a-modern-device-detection-script/

Modernizr – A JavaScript library that detects HTML5 and CSS3 features in the user’s browser

http://modernizr.com/

Fitvids.js – Make video responsive

http://fitvidsjs.com/

Respond – A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)

https://github.com/scottjehl/Respond

Filament group

http://filamentgroup.com/

filamentgroup / Southstreet – SouthStreet Progressive Enhancement Workflow

https://github.com/filamentgroup/Southstreet

Response – jQuery responsive design toolkit

http://responsejs.com/

TESTING

Responsive Design Bookmarklet

http://www.benjaminkeen.com/open-source-projects/smaller-projects/responsive-design-bookmarklet/

RWD Bookmarklet

http://responsive.victorcoulon.fr/

Responsinator

http://www.responsinator.com/

Resonsive.is

http://responsive.is

eg. http://responsive.is/solagirl.net

Screenqueries

http://screenqueri.es/

Mobitest

http://mobitest.akamai.com

Screenfly

http://quirktools.com/screenfly/