On Responsive Layout and Grids


For those who often enquire about my responsive grid “solution” — it’s about 10 lines of code. Not a problem that keeps me up at night

Tried a grid-based approach in a site that’s about to launch any time soon but found it conflicting with the mobile first idea: I’d be undoing the grid’s CSS in the narrowest layout and then re-applying them later on.

In the next project I’ll be sticking to the system I used before: general classes (like .unit or .col) and based on the context (wrapping element) I’d specify the needed width if the screen estate allows me.

Glad to see I’m not the only one using a simple solution.

On Responsive Layout and Grids →

David also gave an excellent talk at Responsive Day Out on Responsive Navigation. Be sure to check the video.

Caption image by Jono Mallanyk

Packery — A new JS-based layout library


From the creator of Masonry and Isotope:

I’m making a new layout library, called Packery. It is awesome because it resolves two of biggest and oldest issues with Masonry or Isotope.

  • It fills gaps
  • You can drag item elements

It’s been in development for the past several months, and it still has a ways to go until a full public release. Here’s a sneak peek.

Packery preview →