Beyond the Hour of Code

Responsive Web Design

Responsive Design Basics

Responsive Web Design: What It Is and How To Use It is a nice explanation of the responsive design concept as well as a pretty thorough examination of how to implement responsive design. (Smashing Magazine)

Media Queries

Media queries can be used to assign different CSS values to elements depending on the screen size. (Mozilla Developer Network)

Responsive Web Design Basics

Another resource on using media queries from the folks at Google. (Google Developers)

Responsive Design Testing

The Responsive Web Design Testing Tool allows you to see how your site will appear in different screen sizes simultaneously. (Matt Kersley)

Online Course (free)

Responsive Design Fundamentals is an online course developed by Google to teach the basics of responsive design. It is planned as a two-week course comprising roughly 12 hours. (Udacity)

Bootstrap Fluid Design

The responsive design built into the CSS of Bootstrap allows for the flow of elements using columns. This site is built using Bootstrap. (Bootstrap)

Mobile First

The blog post that started it all- why we should be designing for mobile. (Luke Wroblewski

Pros and Cons of Mobile First

Mobile First Design: Why It’s Great and Why It Sucks offers a brief examination of the philosophy and covers some of the problems designers face in trying to implement it. (Joshua Johnson, Design Shack)