Yesterday, we came to the not-so-conclusive conclusion that responsive web design plays a much bigger role in online website design than we most of us could have ever imagined. Today, we’re going to explore a little further down the path and catch up to Microsoft.


Living Up to Expectations

Interestingly enough, when we compare the Google article to the Microsoft article, we note several striking differences—almost immediately.

Much more verbose and contextually dense than its predecessor, Microsoft indicates something a tad bit more interesting by incorporating an extraordinarily code-based approach. Rather than simply provide an overview of the overarching concept, author De Graeve debriefs her audience with power. She takes advantage of the implied knowledge and education that her readers should already have: a fundamental grasp on programming languages, design lingo, structural layout.


Lay It Out

Her impressive overlay of code interlaced with  delicately articulates what should and shouldn’t be done:

Screen Shot 2015-10-31 at 3.36.55 PM

Screen Shot 2015-10-31 at 3.37.16 PM Screen Shot 2015-10-31 at 3.37.28 PM

Nevertheless, she does an interestingly ironic job of conveying said message by failing to implement the very words she speaks. If you scroll back up and take a closer look at each of the three screenshotted images Figures 8 and 10, you’ll quickly notice that the subheading does not appear to be properly aligned with its accompanying image. Though this is not an abhorrent faux-pas, it does indicate a subtle layer of unprofessionalism.


Feeling Super-Duper-Extra Adventurous?

Try out the free 2-week course offered by our friends at Udacity.

Or, if you’ve somehow managed to complete the two week course in a matter of 24 hours, then take a glance at the Sources listed below.


Sources

Go ahead and explore these useful links that were referenced throughout the post:

https://msdn.microsoft.com/en-us/magazine/hh653584.aspx

https://www.udacity.com/course/responsive-web-design-fundamentals–ud893

http://www.smashingmagazine.com/2011/07/responsive-web-design-techniques-tools-and-design-strategies/

Advertisements