css.joedoe.dev

Links

My CSS bookmarks, by topic. They're the same ones as on the joedoe.dev shelf: when I save one there, it shows up here.

Flexbox and grid

For when you can't remember whether it was justify or align: playgrounds, generators and layout patterns.

Motion and easing

Curves, springs, ready-made keyframes and scroll-driven animation.

Shadows, glass and filters

More box-shadow generators than anyone needs, and a few that are worth it.

Shapes and borders

clip-path, odd border-radius, ribbons, underlines and drawings made of nothing but CSS.

Backgrounds and patterns

Gradients, polka dots, patterns and generative backgrounds without a single image.

Components and generators

Buttons, checkboxes, scrollbars and toolboxes with a bit of everything.

Art with nothing but CSS

Single-div drawings, Zen Garden, Minecraft and even DOOM: what comes out when CSS is used to play.

Frameworks and utilities

Tailwind and its ecosystem, Open Props, Pico and the ones that came before.

Quality and performance

Specificity, unused CSS, validators, stats and PostCSS.

Methodology, Sass and email

BEM, Atomic Design, Sass guides and the CSS email clients put up with.

Reference and notes

Cheat sheets, every property and unit, selectors explained and articles to get the new stuff.

The pulse of CSS

Surveys, browser support and what is landing: to know what you can use today and where CSS is heading.

People with style

The sites of the people who taught me almost everything I know about CSS. Worth reading end to end.

↑↓ move · ↵ open · esc close