Search

Post types:
Categories:
📖

Grid-ish Flexbox or Flexible Grid?

Read Article

The new dominant layout methods in CSS – grid and flexbox – have solved a lot of issues. Still, sometimes the ideal layout is somewhere in the middle: a flexible grid-like mashup. With a bit of outside-the-box thinking, you can there from either angle.

🔖

A compound grid

Read Note

I love Andy's new design over on Stuff & Nonsense. A large part of that are the cleverly diverse page layouts. Turns out, underneath that perceived diversity is a consistent grid, made …

📖

The Trick to Animating Grid Columns

Read Article

Animating a grid element provides a lot of potential for fancy UIs and interesting interactions, but it's not immediately obvious when searching online how it needs to work and what the limitations are.

🔖

Reimagining fluid typography

Read Note

Whilst I've used fluid typography on several site designs (typically via Utopia's calculator), I've always been a bit wary about the base assumptions and potential accessibility issues that it can …

🔖

A native multi-thumb range slider

Read Note

HTML range inputs are great, but I do find myself frequently wishing you could have multiple thumb values/positions. Even on this site, my (poor) attempt at a star rating filter would be so much …