Gracefully Responsive Web Design
Responsive design allows a website to work on a desktop computer as well as on mobile phones and tablets of all sizes — a necessity for today's multidevice world. Responsive websites query the browser for window size and deliver optimized content for varying screen dimensions, but there is an inherent difficulty …
The big design challenge
How can your web pages look good and function well on a tiny mobile phone and also on a huge desktop monitor, not to mention all the device shapes and sizes in-between? Check out a responsive website on a desktop computer and observe as you shrink your browser window all the way down; you'll likely see things abruptly jump around, change size and position, even disappear entirely as the layout transforms to accommodate the diminishing real estate.
Enter gracefully responsive design
Gracefully responsive web design smooths out the lumps and inconsistencies for a more refined and harmonious viewing experience no matter how someone chooses to engage with your content. To be sure, this endeavor involves some creative thinking, forethought and effort. But I like what Ross Perot says: "You can always find 10 ways to prove something can't be done. The trick is finding one way it can be done."
3 ways it can be done
The following are notions to consider as a start toward more gracefully responsive web design.
1. Gracefully responsive navigation: To see how today's top responsive sites handle navigation, you can google "best responsive websites." A quick inspection reveals that navigation links for mobile viewing are often mismatched when compared to the same links on a desktop. For example, the mobile links might use white type on a dark-colored background whereas the desktop links use differently styled black type on a light-colored background.
Since your website navigation scheme is the main portal through which visitors find and experience your content, why would you ever want it to unexpectedly change in look and style?