Ask me for preconditions of pneumonoultramicroscopicsilicovolcanoconiosis. I probably won’t know what the preconditions of pneumonoultramicroscopicsilicovolcanoconiosis are. In fact, I’ll probably greet your attempted assault with a blithely unaware pass of the eyes. But you’ll match my insidious glare with the whip of your cellular device, to which I will willingly comply with a gestured nod of the head, and we shall be about our merry ways circumnavigating the interwebs for a solution to our inquiry.


Making My Way Online, Websites Pass and They’re Mobile

Well, not really. In fact, the vast majority of web-based media is not optimized for tiny portable device viewing. Despite there being a plethora of pocket-sized portable devices (smartphones, dumbphones, tablets, phablets, watches), very seldom do most websites take their wide variety of varying screen dimensions into account. The king of crowning the term “responsive web design,” Ethan Marcotte, has ostensibly shown a remarkable intrigue in columnar and sidebar-based design. He is among the first to emphasize the key importance of display limitations when handling online content.


Look At It!

The very same website referenced throughout this post actually nicely demonstrates Marcotte’s factors in a feasible manner.

The Google Developer website on a PC/desktop interface (1280 x 800).

Screen Shot 2015-10-31 at 9.28.26 AM

The Google Developer website on a tablet interface (920 x 750).

Screen Shot 2015-10-31 at 9.28.26 AM

The Google Developer website on a tablet interface (750 × 1334).

Screen Shot 2015-10-31 at 9.28.43 AM

As you can see with your own two eyes, there is much to be said about websites and their corresponding viewing platforms.

Check back tomorrow for Perspective Part II, and we’ll see what input Microsoft will provide.


Feeling Extra Adventurous?

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


Sources

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

https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/

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

Advertisements