Responsive Design

Responsive Design Guides

A collection of collections of responsive design resources all across the web, mostly from people far smarter than me.

  • This Is Responsive
    Brad Frost’s awesome collection of “patterns, resources and news for creating responsive web experiences.” Basically, if you go here, you don’t need to come to this page anymore.

My Talks

WordPress D.C.

I gave a talk about using responsive design with WordPress at the WordPress D.C. meetup on April 10, 2012.

WordCamp Baltimore

On September 8, I’ll was on a panel with John Hartley at WordCamp Baltimore. My portion of the presentation focussed on responsive navigation solutions.

Resources

  • Sass Responsive
    My nacent library of variables, mixins and formulas to help implement responsive web design when using Sass.

Blog Articles

Ready to get your feet wet? These blog posts and topics give a great overview of how to get into responsive design or even just why you should.

Books

Ready to dive in head first? These books give great in-depth information about responsive design and related topics.

Responsive Design in the Wild

Who’s using responsive design? These sites are. Not all are WordPress, but some are.

  • Smashing Magazine
    A WordPress site using responsive design.
  • CSS Tricks
    Another fully-responsive WordPress site. Additionally, it’s the go-to resource for every kind of CSS trick and technique you can think of, from beginner to advanced to just plain insane.
  • Boston Globe
    Launched with great fanfare in 2011, this was the first major, super-mainstream, heavy-traffic website to go responsive. It was built by the Filament Group, Ethan Marcotte’s web development firm. (Not a WordPress site.)
  • Bank of America Campus Recruitment
    Also, not a WordPress site. But it’s awesome how many large corporations are embracing responsive design into their websites.
  • University of Chicago
  • RVLT/revolution
    This site defies description.
  • Time
    And the onslaught of “mainstream” publications making the switch to responsive continues!
  • Webdesigner Depot