Responsive Web Design - Resources, URL's and Other Good Stuff.

URL's on each slide.

Slide: Examples of some responsive web sites

• Tallahassee Code Camp (Disclaimer)
• Atlanta Code Camp
• The Boston Globe
• Code on the Beach

Slide: Are your web sites responsive to different viewports?

• JCPenney
• RWD by ETHAN MARCOTTE

Slide: Let’s talk about screen and window sizes

• Winthrop Park Express

Slide: Dominant screen sizes

• Dominant screen sizes

Slide: Don’t take my word for it…

• Media Queries

Slide: How is RWD Accomplished?

• Fluid Grids
• Media Queries
• Relative Units
• Adaptive Images

Other resources and tools.

Slide: Helpful tools

• Fiddler2
• Web Developer Toolbar for FireFox and Chrome

Slide: Best books

• A Book Apart (Hit List)
• Responsive Web Design – Ethan Marcotte
• Mobile First – Luke Wroblewski

Copyright © 2013, Cornerstone Software Services, Inc.