Responsive web design (RWD) is a web design approach
aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).
http://en.wikipedia.org/wiki/Responsive_web_design
http://www.quora.com/Responsive-Web-Design
http://alistapart.com/article/responsive-web-design
Responsive Typography: The Basics
http://ia.net/blog/responsive-typography-the-basics/

Facing The Challenge: Building A Responsive Web Application
http://mobile.smashingmagazine.com/2013/06/12/building-a-responsive-web-application/

IS RESPONSIVE DESIGN NECESSARY?
In our modern digital world, it’s a simple necessity – and user expectation – that a website’s experience is consistent, regardless which device is being used. Let’s offer a smooth, familiar experience across all platforms.

Techniques for mobile and responsive cross-browser testing: An Envato case study.
http://webuild.envato.com/blog/techniques-for-mobile-and-responsive-cross-browser-testing/

Think Beyond Responsive Design to the Responsive Experience
http://www.cmswire.com/cms/customer-experience/think-beyond-responsive-design-to-the-responsive-experience-021808.php

process
http://heliom.ca/blog/posts/a-responsive-web-design-process
patterns
http://bradfrost.github.io/this-is-responsive/patterns.html

Responsive design quick tips:
- Start mobile-first: start with the lowest screen size
- Keep in mind that there's plenty of devices less than 320px
- The absence of a media query is the first media query. - +Bryan Rieger
- Let the fluid grid do most of the work. You don't want to manage 100 layouts caused by 100 media queries, so let the fluidity of the web do its thang.
- Use min-width, not max-width for the most part (again part of the mobile-first strategy)
- Be mindful of media. Start with small images and swap them out for larger resolutions. Check out +Jason Grigsby 's fantastic in-depth look at techniques.http://www.cloudfour.com/responsive-imgs-part-2/
- Don't lean on the DOM too much. Performance is your #1 feature and manipulating things with JS too much can bog down your site's performance.
- Don't do 100 backflips to rearrange a bunch of shit. Make sure your design is smart enough to scale up without essentially designing multiple sites.
- Don't hide content for mobile. Mobile users want to access content just as much as desktop users.
- Keep hit areas big. Design for touch input methods, and keep in mind that desktop users can benefit from increased hit areas as well.

Responsive IMGs
http://blog.cloudfour.com/responsive-imgs/
http://blog.cloudfour.com/responsive-imgs-part-2/

http://www.elezea.com/2013/09/responsive-design-agency-workflow/
ref
http://www.wsol.com/a-more-flexible-workflow/
http://viljamis.com/blog/2012/responsive-workflow/

Responsive elements
http://kumailht.com/responsive-elements/
Responsive elements makes it possible for any element to adapt and respond to the area they occupy. It's a tiny javascript library that you can drop into your projects today.
I

Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation.
Responsive Web Design: What It Is and How To Use It
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

youku现在全站响应了，这么个大站真不容易啊。回头研究下代码。

今天发现douban手机版也响应了，挺好。不过仔细一研究还是搞了个移动风格……感觉跟重新建手机版也差别不大的样子。。youku的响应也是比较不完全。
还是bootstrap的高端大气。
可是不要依赖框架呀从基础做起