The five best design links, every weekday

Domain: css-irl.info

css-irl.info

Drop-Shadow: The Underrated CSS Filter

If you’re familiar with CSS, you probably know all about the box-shadow property.

css-irl.info

Irregular-shaped Links with Subgrid

Card-based UIs are commonly-used web design patterns, and it’s not unusual to build a UI that requires a hover effect to be applied to an entire card.

css-irl.info

Exciting Things on the Horizon For CSS Layout

This past week has brought a few announcements from browser vendors of some exciting things that might have a big impact on CSS layout.

css-irl.info

Different Approaches to Responsive CSS Motion Path

When it comes to using CSS Motion Path, it always bugs me that the path itself is doesn't scale.

css-irl.info

Positioning Text Along a Path with CSS

I've been playing around with CSS Motion Path a lot over the past couple of months, and having a lot of fun creating demos.

css-irl.info

Optimising SVGs for the Web

Optimising SVGs (scalable vector graphics) for web projects has the dual benefits of reducing the file size and making them easier to work with.

css-irl.info

7 Uses for CSS Custom Properties

Custom properties (also known as CSS variables) allow us to store property values for re-use in our stylesheets.

css-irl.info

Building a Scrapbook Layout with CSS Grid

My son was recently tasked with the responsibility of looking after his pre-school class teddy bear for the week.

css-irl.info

Variable Font Animation with CSS and Splitting JS

In this article I’ll explain what variable fonts are, and how I created a breathing effect with CSS and a little bit of Javascript.

css-irl.info

Debugging CSS Grid Part 3: Auto-flow, Order and Item Placement

When it comes to building a layout, CSS Grid offers us a number of different choices for placing items.

css-irl.info

Debugging CSS Grid Part 1: Understanding implicit tracks

When observing people getting to grips with CSS Grid, I've noticed a few issues that catch people out more often than others.

css-irl.info

How to convince your team to adopt CSS Grid

Are you keen to jump into CSS Grid Layout but having trouble convincing the rest of your team (whether your peers or your managers)?

css-irl.info

To Grid or to Flex?

A recent Twitter thread started by Chris Coyier got me thinking about how people interpret the use cases for CSS Grid Layout versus flexbox.

css-irl.info

Negative Grid Lines

Did you know you can use negative line numbers to position grid items with CSS Grid?