Overview of mobile first, responsive web design philosophy, including examples and benefits that designers, developers and web firms can take advantage of.
11. Responsive Web Design
• Coined by Ethan Marcotte
• Similar to “Adaptive” layouts
• Fluid Grids structured around devices’ screen size
• Flexible Images & Media
• Media Queries
12. Adaptive vs Responsive
• Difference is in the measurements
• Adaptive is fixed-width, Responsive is fluid
• Adaptive - (IAWriter) www.iawriter.com
• Responsive - (DConstruct 2011) 2011.dconstruct.org
16. Mobile First Web Design
• Coined by Luke Wroblewski
• Focus on core content and functionality
• Encourages “Progressive Enhancement”
• Opportunity for new technologies
• Supplements “Responsive Web Design”