Skip to main content
CSS is fun and cool and I like it.
Article

A Lightweight Masonry Solution

Back in May, I learned about Firefox adding masonry to CSS grid. Masonry layouts are something I’ve been wanting to do on my own from scratch for a very long time, but have never known where to start. So, naturally, I checked the demo and then I had a lightbulb moment when I understood how this new proposed CSS feature works.

Support is obviously limited to Firefox for now (and, even there, only behind a flag), but it still offered … Read article “A Lightweight Masonry Solution”

Link

10 modern layouts in 1 line of CSS

Una doing an amazing job of showing just how (dare I say it?) easy CSS layout has gotten. There is plenty to learn, but what you learn makes sense, and once you have, it’s quite empowering. … Read article “10 modern layouts in 1 line of CSS”

Link

Styling Layout Wrappers In CSS

Link

Overlapping Header with CSS Grid

Link

Exciting Things on the Horizon For CSS Layout

Sponsored Link

Making Things Better: Redefining the Technical Possibilities of CSS

Robin recently lamented the common complaint that CSS is frustrating. There are misconceptions about what it is and what it does. There are debates about what kind of language it is. There are even different views on where it should be written.

Rachel Andrew has a new talk from An Event Apart DC 2019 available that walks us back; back to the roots of the issues we used to have with CSS and the “hacks” we used to overcome … Read article “Making Things Better: Redefining the Technical Possibilities of CSS”

Link

Same HTML, Different CSS

Link

Helping Browsers Optimize With The CSS Contain Property

Article

Print-Inspired Layout on the Web

I always love seeing people get inspired by print design and trying to port it over to the web. There is a much deeper history of interesting print work to draw from, and still a ton of modern work happening that eclipses most digital design work today. The web is fully capable of bold, interesting designs, yet we see it all-too-rarely.

Just lately, we’ve seen a little surge of interest…… Read article “Print-Inspired Layout on the Web”

Article

Techniques for a Newspaper Layout with CSS Grid and Border Lines Between Elements

I recently had to craft a newspaper-like design that featured multiple row and column spans with divider lines in between them. Take a look at the mockup graphic here and see if it makes you sweat at all. If you’re like me, you have been around a while and know just how difficult this would have been with old layout techniques.… Read article “Techniques for a Newspaper Layout with CSS Grid and Border Lines Between Elements”