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. To learned more about why web design sucked prior to 2015 - checkout Biggest Mistakes in Web Design 1995-2015.

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.

Specific Concepts

4 reasons not to disable zoom in your responsive design

The Problem of CSS Form Elements

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

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

Just to let you know, this page was last updated Wednesday, Jul 18 18