<img src="//bat.bing.com/action/0?ti=5036286&amp;Ver=2" height="0" width="0" style="display:none; visibility: hidden;">
Nov 29

Grid Layout on the Web


by Union

More and more, web designers and developers are coming to the realization that many of the established guidelines set for traditional, print design can be applied to the web.

Typography seems to be getting the most attention these days—for good reason, as the web is mostly text. Richard Rutter did a great service to web typography and transposed Robert Bringhurst’s typography bible, The Elements of Typographic Style, for the web and published it online.

However, defining areas for the placement of type is achieved through layout, which is equally as important. Specifically, grid layout is something every designer should know. Photoshop facilitates the usage of grid layout when designing, but there’s no simple answer for web developers. Thankfully, Teevio has created a Javascript include that works with jQuery to toggle a grid over any design without affecting the existing code. Use it next time you need to markup a site under a strict grid layout.


UNION is a full-service digital agency. We create experiences that help brands thrive. We believe to be relevant in today’s marketplace, brands must lead with a digital-first philosophy. We craft engaging digital experiences and integrated campaigns that are built on strategy and driven by data. At the heart of what we do is help brands create meaningful and enduring relationships with highly connected consumers.

Get in Touch

Subscribe to our Blog & Newsletter