The Virtues of Vertical Media Queries – A Record Aside

Article Continues Under

Gadgets are available all styles and sizes, and pivot between portrait and panorama orientation, typically in a single session. And, lest we neglect, desktop and laptop computer browsers can be contorted into all types of shapes (and never simply by internet geeks making an attempt to see if a web site is responsive). Simply as we needed to cease ignoring skinny viewports, it’s time to cease ignoring quick (and tall!) ones and begin using them to artistic and user-pleasing impact.

Surprisingly sufficient, the one outstanding instance of a artistic use of vertical media queries comes from an organization that, whereas identified for its design management in different areas, has made relatively some extent of ignoring responsive design. (I received’t identify them right here, however they make iPhones, iPads, and MacBooks.) Pleased Cog’s Anthony Colangelo deconstructs the Cupertino-based firm’s vertically responsive web page, makes a compelling case for vertical media queries typically, and even shares vanilla and Sass CSS samples displaying the way it’s carried out in yesterday’s transient but pungent Cognition article, Go Vertical.

Leave a Comment