The five best design links, every weekday

Domain: piccalil.li

piccalil.li

How we’re approaching theming with modern CSS

We’ve started a new project which requires heavy, creative theming, so I made a prototype to test some ideas out.

piccalil.li

Front-End solution: progress indicator

I’ve opted for a little web component that progressively enhances a loading statement.

piccalil.li

The box model and box sizing

We’re looking at one of those most important aspects of CSS to understand: how the box model is affected by box sizing.

piccalil.li

Some little ways I’m using CSS :has() in the real world

I’ve created some low fidelity demos of :has() snippets that I’ve been using in real-world client projects.

piccalil.li

A highly configurable switch component using modern CSS techniques

Learn how build a highly configurable switch component using modern CSS.

piccalil.li

Reality Check #3: Building out a layered hero grid layout from Dribbble

In this edition of Reality Check, I tackle an interesting grid layout that also features some pretty unique background image treatment.

piccalil.li

Getting started with CSS Custom Properties

Custom properties in CSS are exceptionally useful for abstracting complexity and interactivity into smaller, easier to manage pieces.

piccalil.li

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.

piccalil.li

Fluid typography with CSS clamp

Learn to create a simple, accessibility friendly and configurable fluid type system that uses modern CSS sizing functions.

piccalil.li

Cube CSS

If there's one thing you can guarantee in tech, it's that someone, somewhere, will declare that CSS isn't up to the job of "big projects".