Category: Development

Thoughts on CSS and HTML born from Gridset’s development.

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.

Working with breakpoints

Posted on by Nathan

Breakpoints, in responsive design, are screen (or browser) sizes where elements of a design break due to spatial limits. At Mark Boulton Design (the design studio behind Gridset), we have recently started identifying two types of breakpoints: Macro and Micro.

Smarter IE conditionals, v1.2

Posted on by Nathan

The way Gridset serve grids to IE has changed. Before, there was an alternate IE grid sent to IE 9 and below, using the grids you set as your IE grid in the settings. This removed all media queries from IE 9, though IE 9 supports them. Not ideal. In our latest updates, we have improved this dramatically.

Gridset on the go…

Posted on by Nathan

Have you tried to use Gridset on the go? If so, you may have noticed that our app is not at all optimized for mobile and tablet experiences. This was a deliberate choice on our part to focus on what we gleaned would be the main use case: desktop. But we are always seeking ways…

Gridset + Sass = Clean, Semantic Layouts

Posted on by Nathan

We have been using the new Gridset Sass output for a few weeks now to wrangle a few Drupal-generated sites, and we think you will find it as exciting to use as we do. You can read all about how it works here: https://gridsetapp.com/documentation/sass/ If you don’t already have a Gridset account, you can start…

The New Gridset CSS

Posted on by Nathan

This week, we’re pushing out a new version of the Gridset CSS. This update fixes some bugs, dramatically improves performance, and makes easy some layout techniques that were previously very difficult to execute.

Big, Brainy CSS

Posted on by Nathan

The raw CSS generated by Gridset can be large, but that’s because it’s much smarter than your average stylesheet. An even 12 column grid can weigh in at about 105kb when generated by Gridset (just big enough to make any developer cough in her latte) but trust us: the benefits far outweigh the costs.