Category: On Grids

Theory, examples, and walkthroughs of new/historic grid systems possible with Gridset.

Build a Content-out Grid System with Gridset

Posted on by Nathan

Last week I wrote an article for A List Apart on how to use ratios, scales and fluid grids to derive a layout from your content. While the underlying theory and mathematics are explained in depth in the article, I wanted to show how Gridset makes all of this much easier.

Grids on the web: a primer

Posted on by Mark

We get asked a lot about ‘where to start’ with grids. What books to buy, articles to read online, videos to watch. Luckily for us, grid systems have been written about for the past fifty years and there are some great resources to read, and work to study, to try and understand grid theory and…

Break out of the 12 column rut

Posted on by Nathan

Cramming text and images into the same-old 12-Column Grid System™ hurts your content. We shouldn’t be abstracting our layout options into one-size-fits-all downloads, but should instead be designing grid systems that are custom-tailored to our content. esigning bespoke grid systems provides you with distinct advantages…

Gridset, meet Education. Education, meet Gridset.

Posted on by Nathan

We’ve been talking, writing and adding features to support new ways of looking at grids and composition and to make our tool crucial to a web designer’s process. It’s our mission to not only make responsive layouts easier, but to push the boundaries of what designers attempt with layout on the web, and we see education as central to this goal.

One year, one massive update

Posted on by Nathan

A couple of weeks ago we celebrated the one-year anniversary of launching Gridset. Well, we didn’t so much celebrate as quietly let it slip by as we were busy making major realignments to some of Gridset’s core features. You see, even 12 months ago when we launched publicly, we knew we hadn’t nailed the perfect responsive layout platform, but this latest set of features and improvements brings us mighty close.

Grids Anywhere

Posted on by Nathan

You may have noticed the Gridset overlay has been changing. Beyond aesthetic iterations, we have also implemented a new engine for displaying grids on your site that allows you to place a grid overlay on any element you like. This is the beginning of a very exciting (excuse our enthusiasm) round of improvements to the overlay, the underpinning abilities of the app, and how our users can build responsive layouts.

Design’s underwear

Posted on by Nathan

Celebrated designer Massimo Vignelli on great book design: “The grid is an integral part of the book design. It’s not something that you see, physically. It’s just like underwear: You wear it, but it’s not to be exposed. So the grid is the underwear of the book.” His thoughts here are immediately applicable to great…

Antiphonal Geometry

Posted on by Nathan

Owen Gregory’s talk at Responsive Day Out sufficiently blew the audience’s collective mind… or maybe just mine. In an intense 20 minutes, he explored the idea of deriving geometric ratios from music to help us better understand our design space, and build harmony in our designs.

A primer on designing grid systems from Mark Boulton

Posted on by Nathan

In 2011 Mark Boulton ran a workshop on “Designing Grid Systems for the Web” as part of Five Simple Steps’ workshop series. The entire half-day session was recorded and is available via FSS Videos. If you are new to using grid systems, or new to designing on the web, this series of videos is a great place to start understanding the challenges involved where these skills meet.

Don’t just choose a grid. Design it!

Posted on by Nathan

Last month, I gave a talk about grids and Gridset at Port80 Localhost. The talk was entitled “Better grids systems on the web,” but as I was writing up the notes for a post on my blog, I realized there was a bigger message that is very pertinent to people like you and me that…