Josh (the blog)

I’ve delivered simple, clear and easy-to-use services for 20 years, for startups, scaleups and government. I write about the nerdy bits here.


@joahua

The wonders of floats

I know this has been done before, but I haven’t personally tried making a layout that works like this. Actually, it’s not even quite a layout. Just a well presented list of thumbnails.

You’ll note that the layout looks, at first glance, suspiciously as though it were done in a table. It’s not. Pure list there. Want to see something cool? Resize your window and watch as “columns” appear to add and disappear depending on how much space you’ve got. Haven’t got a massive screen? Firefox users can hold down control and spin their mouse wheel and watch the columns change before their eyes!

Ah, the many magical powers of CSS.