File Under: Responsive Design

‘This Is Responsive’: Everything You Ever Wanted to Know About Responsive Design

Image: Screenshot/Webmonkey

Sure, you’ve heard of responsive design. You probably even know the basics — fluid layouts, flexible images and media queries — but actually building responsive sites can be challenging. Not only are there the technical hurdles of defining breakpoints, managing different layouts, resizing images and so on, but just keeping up with the latest and best ideas on how to do those things is a full-time job.

That’s part of why responsive design guru Brad Frost has created This Is Responsive, a one-stop shop of continually updated responsive design patterns, resources and news. The site is the most comprehensive collection of best practices, tips and tricks for responsive design that we’ve seen — definitely bookmark it.

But the best part about This Is Responsive is that it’s on GitHub, which means everyone can contribute.

Head on over and dig through the responsive patterns for site layouts, tables, how to handle menus and navigation, forms, images and loads more. Also be sure to throw the blog’s RSS feed in your feed reader.

For some background on the project, as well as instructions on how you can contribute, check out Frost’s blog post.