Where: Chippewa Valley Code Camp 2011
When: November 12, 2011
Synopsis: The time of designing for only two browsers at two resolutions is well behind us. Today’s web is one viewed on devices ranging from the phone in your pocket to a monitor on your desk over 24 inches wide. Responsive Web Design is one way to try and bring some fluid-ness to web design and open up the doors to a tailored reading experience on any device. This talk would focus on why we need to think about Responsive Web Design, what it is, some pitfalls, where the future might be headed, what you can do today, etc. along with examples of current responsive sites and code examples.
Resources
- Slide Deck (PDF)
- Responsive Web Design by Ethan Marcotte (A Book Apart)
- Responsive Web Design by Ethan Marcotte (A List Apart)
- Fluid Grids by Ethan Marcotte (A List Apart)
- Ethan Marcotte
- A Book Apart
- Responsive Images: Experimenting with Context-Aware Image Sizing (Filament Group)
- Responsive images using CSS3 (Nicolas Gallagher)
- Media Queries
- Skeleton
- 320 and up
- Mobile First (Luke Wroblewski)
- HTML Email Boilerplate (GitHub)