Responsive web design has fundamentally improved the web. I was so glad when responsive design started - I was so tired of the old system of web design. Responsive design is about giving up control. To learned more about why web design sucked prior to 2015 - checkout Biggest Mistakes in Web Design 1995-2015. I also highly recommend you read Mobile WorkFlow by Andy Osmani.

Responsive design is a wonderful new trend in web design. Wonderful because it finally equalizes the playing field by driving content to the fore-front. We know from SEO research that content is what spiders are trained to look for. People are looking for content. Developers are looking for content.

Here is a list of articles and websites that I recommend you reading if you are interested in learning about the importance and mechanics of responsive design.

What is the 'take away' from All those Articles?

Reimagining the Web Design process - take away: focus on mobile first.


But, on the other hand - mobile first may already be outdated, so where do we go from here?

Specific Concepts

4 reasons not to disable zoom in your responsive design

The Problem of CSS Form Elements

Design for Fingers and Thumbs Instead of Touch and Common Misconceptions About Touch

Smart Responsive Design Patterns, Or When Off-Canvas Isn't Good Enough – Smashing Magazine
Design patterns often have a bad reputation. They are often considered to be quick, lazy, off-the-shelf solutions that are applied blindly without consideration of the context of a problem. Solutions such as the almighty off-canvas navigation, the floating label pattern or carousels for featured products are some of the prominent ones. This article isn’t about these patterns, though. This article features some of the slightly more obscure design patterns, such as responsive car-builder interfaces, mega dropdown navigation, content grids, maps and charts, as well as responsive art direction.


iPad Peek

Mobile Phone Emulator


Screenfly Responsive screen testing on monitors, tablets, smart phones, and more.

MultiScreen Test

TinyNav - plugin to convert navigation to a dropdown

responsivepx - tool for testing your site at different sizes

Responsive Image Community at the W3C

This page contains information I gathered and thought were very useful. See more notes on the web.

Just to let you know, this page was last updated Saturday, Jul 20 24