Responsive design

Post aboute RSWD

• http://daverupert.com/2013/04/responsive-deliverables/
• http://daverupert.com/2013/04/responsive-deliverables/

meta viewport

Meta tag to specify so that a site can be seen att full scale on mobile device

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Complete tutorial about the subtleness of the use of this tag

http://webdesign.tutsplus.com/articles/quick-tip-dont-forget-the-viewport-meta-tag--webdesign-5972

Size of common Screens

http://www.binvisions.com/articles/tablet-smartphone-resolutions-screen-size-list

• Apple iPhone 4S 3.5″ 960×640 Smartphone
• Apple iPhone 5 4″ 640×1136 Smartphone
• Apple iPad 2 9.7″ 1024×768 Tablet
• Apple iPad 3 9.7″ 2048×1536 Tablet

twitter bootstrap breakpoints

• Extra small devices Phones (<768px)
• Small devices Tablets (≥768px)
• Medium devices Desktops (≥992px)
• Large devices Desktops (≥1200px)