Tag/CSS

Item flow: a potential concept for masonry layouts

Jen Simmons and her team at WebKit have just posted a new article about a proposed new unified concept for layout: Item Flow.

30/03/25

#CSS

Rough CSS borders with SVG filters feTurbulence and feDisplacementMap

Here's a really cool technique from Daniel Jones for creating rough borders using SVG filters

03/05/24

#CSS

Blurring things in quirky ways

If you're a frontend dev and want to up your blur game, give this video from Juxtopposed a watch...

21/03/24

#CSS

The CSS :has() selector

The :has() selector is really powerful and has so many interesting use cases.

05/03/24

#CSS

Fun focus states with :focus-visible

Some cool focus state examples and use cases from Dave Rupert.

29/02/24

#CSS

CSS counter numbering nested list items incorrectly

If your custom CSS counter isn't counting nested list items correctly, this could be the fix you need. I suffered so you don't have to!

28/02/24

#CSS

12 Modern CSS One-Line Upgrades

Here are some more really useful modern CSS one-liners from Stephanie Eckles.

27/02/24

#CSS

Fading content using transparent gradients

Here's a cool article from the Polypane blog that looks at different ways of fading out text using CSS in a way that preserves the ability to highlight and copy text.

19/02/24

#CSS

CSS repeatable linear gradients on multiple lines of text

A breakdown of how they work

30/03/23

#CSS

SmolCSS

Modern CSS layouts and components by Stephanie Eckles

04/10/22

#CSS

Implementing dark mode with prefers-color-scheme

Adding a dark mode to your website is quick and easy

04/05/22

#CSS

Adaptive SVG favicon with dark mode

Progressively enhance a favicon with an SVG version

14/03/22

#CSS

Pin footer to bottom with CSS position: sticky

Here's a cool trick from Silvio Rosa

18/11/21

#CSS

Animated CSS underlines that wrap

Style and animate underlines that work on multiple lines

30/06/21

#CSS

Custom CSS cursors and offset

Exploring the different cursor types

31/05/21

#CSS