Responsive design is all the rage these days, and it's no surprise the term "responsive" has become an automatic score on most buzzword bingo games. It's been exciting to see responsive design practices emerge beyond a niche philosophy and become an expected barrier to entry for nearly every website moving forward. Growing volumes of people are viewing web content primarily on mobile devices and have grown to expect immersive experiences on even the smallest screens. It's widely expected to see all aspects of a website's interface adapt gracefully for a sundry of screen sizes, including buttons, text, images, video and navigation.
Fortunately, there’s a growing community of responsive design enthusiasts openly sharing various tools and techniques for others to discover and re-purpose. I certainly encourage people to create custom tailored solutions that are content-specific, but you can influence your approach by exploring many of the pre-baked tools that help solve common responsive design challenges. Here’s a collection of the responsive design guides that I find useful and inspirational.
Responsive Testing Sites
Responsive Frameworks & Boilerplates
Responsive Image, Text & Video
Responsive Examples & Inspiration: