Category: grids

Enhancing CSS Layout: From Floats To Flexbox To Grid

   Earlier this year, support for CSS grid layout landed in most major desktop browsers. Naturally, the specification is one of the hot topics at meet-ups and conferences. After having some conversations about grid and progressive e...

Learning from Lego: A Step Forward in Modular Web Design

Samantha Zhang:When web components are modular like Lego bricks down to the elements level, they become more versatile and easier to maintain. We believe it’s the next step to take in modular web design.It’s a clever system: put a half-gutter around all elements and a half-gutter around the containers. Tha...

Rendering Data in Yii 2 with GridView and ListView

In my previous article about the Yii 2.0, I introduced the ActiveRecord implementation. Once you have some data in your database you’ll want to be able to show it. Yii uses DataProviders to interact with data sources and it provides some widgets to output the data. Of these, the ListView and GridView provide the most...

Smarter Grids With Sass And Susy

  If you’re a designer, you’ll know that grids are your friends. More often than not, they’re the vital architecture that holds a beautiful design together; they create rhythm, structure your page, lead the eye, and prevent the whole thing collapsing in a sloppy mess.I’m a firm advocate for d...