Dave DeSandro

Dave DeSandro

@desandro.com

Front-end engineer

393 followers111 following155 posts

Google images now uses a masonry layout. Looks like they are using CSS grid with hundreds of columns & rows. Debug grid overlay looks like needlepoint

UI bugaboos (bugabuis?) - No hover state - Large fixed headers - Toggle switches instead of checkboxes - <div onClick> instead of <button>

I'm fascinated by The Iron Snail's approach to content. The Icon Snail is a boutique-scale menswear brand. But videos are research-heavy deep-dives into other brands, often competitors. Maybe competitor erasure in advertising is an old fashioned taboo

If it's clickable, add a hover state. If you can click it, it should look different on hover. Pointer cursor is a good start. Add a hover state. Maybe even focus state. But definitely a hover state. You may not be the CSS person, but you can still add a hover state. Add a hover state

Five caret figure. Started out as converging arrows — a concept I've already mined. The linchpin was using the same shape for all parts. I too see the 'Tim Curry devilman in Legend' big horns

I’m disappointed the working group decided against using “masonry.”Dropping a conventional term with 15 years of history for pedantry

Kevin Powell@kevinpowell.co

So it looks like masonry style layouts are going to be created with display: grid-lanes. github.com/w3c/csswg-dr... There were a lot of names proposed, and after some polling, this one was pretty heavily favoured. There were a few others I liked more, but I think it's a good choice.