Piccalilli

Follow this blog

Getting started with CSS Custom Properties

Custom properties in CSS are exceptionally useful, not just for tokenising your CSS, but also for abstracting complexity and interactivity into smaller, easier to manage pieces. This short guide will get you up to speed with how they work and how to use them.

Define delay for each property in the transition shorthand

You can set a different delay for each transitioned property, using the transition shorthand, which creates some pretty cool state changes.

Prevent squishy elements with flex none

You can prevent that annoying squished look that elements like icons get when space runs out in a flex context with flex: none.

Build a fancy hover animation

Learn how to use the power of CSS to take any collection of images and make them blend well together with a fancy interactive state.

Container Queries are actually coming

After years of asking and memes, we’re finally getting container queries and they will transform UI design, just like media queries did.