Search

Post types:
Categories:
🔖

A tale of two buttons

Read Note

You have buttons on your website. These can be on a light background, or a dark background, and have active and non-active states, but should be highly visible in any variation. You might think that …

📖

React Summit 2020 Notes

Read Article

Notes from the fully remote React Summit 2020 (or at least the talks I tuned in for). Lots covered, from static-site generators and the Jamstack through to React state management and accessibility. What a fun day!

🔖

@property

Read Note

Looks like CSS is getting extensibility built-in with a new @property element (works like @media – also looks like we're getting CSS.registerProperty() in JavaScript …

📖

About the Divide

Read Article

The idea of a great divide in front-end development resonated with me. I'm worried about how the erosion of certain skills could lead to a less inclusive, accessible web, for both users and developers. On the other hand, there are some massive advantages to our new tools. It's a double-edged sword.

🔖

What does 100% mean in CSS

Read Note

A super useful recap of the main ways that CSS calculates percentage for element layout, each with a brilliant slider-based demo. The …

🔖

The rules of margin collapse

Read Note

A brilliant overview of all the weird edge-cases that exist with the CSS margin attribute. Honestly, having used CSS for over a decade I'm not sure I've run into any of them before (maybe parent …

🔖

A modern CSS reset

Read Note

Andy always has some interesting thoughts about CSS, and this reset is no exception. Lots of interesting things here that fit very nicely with both my own experience and other resets that I've …

🔖

Josh's custom CSS reset

Read Note

Josh has added some additional thoughts to Andy's CSS reset. Personally, I like a combination of the two (with a dash of Stephanie's best practices thrown in for good measure), but wanted to capture …

📖

Transparent Layers With Color-Mix

Read Article

The color-mix property enables a lot of interesting functionality when you realise that you can use it to mix transparency into colours, including design tokens.

📖

2023: The Year of Our Big Day

Read Article

2023 was another BIG year in terms of, well, everything. We travelled all over the world. We attended scores of major events. And we got married. It's taken a while to write up, as a result!

Published:
Categories:
  • Notes from the Editor
Tags:
🔖

What is utility-first CSS?

Read Note

As acerbic and cutting a critique of utility-first CSS (and that particular framework) as you would expect from Heydon, but hidden amongst the humour are some (also equally expected) jewels …