Tweet
View the Siren Grid Here
About six months I made my first grid system. I was in love with Andy Taylor’s 1140 grid but I needed a system where I could have nested grids like Amazium. So I rolled my own and was so proud of myself that I released it on this site. The problem is it wasn’t fine tuned when it was released.
So here it is (finally)! Siren Grid v1.5, aka the one where I actually knew what I was doing. The ie.css style sheet is fine tuned, the margins are smaller, and there is less variation in column size across browsers. I’ve also removed the “centered, fluid containers” because I didn’t feel a need for them anymore.
But while this release is new for my site it’s actually quite old for myself (Siren is my company’s (Suits & Sandals, LLC.) go to grid). In my never ending quest to improve my workflow, to clean my cold, and to create a framework that would work with instead of against my designer, Siren went through a big transformation.
And so here it is. The announcement for Siren 2.0 which will be out later this week. So what’s new? It’s MARGINLESS. Spacing has been removed from the grid system itself allowing the designer to have more control. A grid’s main purpose is to segment and thus the Siren Grid 2.0 has been distilled down to just that.
As I said, stay tuned for later this week with the new Siren 2.0 Release (which will be in both CSS and SASS!).
Pingback: Vertical Rhythm in Web Design | ZACK BRADY
Pingback: Vertical Layout and Typography Part 1: Modular Scale | Suits & Sandals, LLC.