Skip to content

Josh W. Comeau

CSS mental models from his posts and blog: shadows, glass, stacking, units, whimsy.

9 principles

01

Share one light source

02

Layer and tint your shadows

03

Let glass see nearby color

04

Isolate, don't raise z-index

05

Ask: should this scale?

06

Hover what you can click

07

Shadows light, outlines dark

08

Animate height to auto

09

Squeeze while it stretches