Search
Fancy Menu Navigation Using Anchor Positioning
17.1.2025
Anchor positioning can be great for little interactive effects — as Temani Afif shows off with this clever idea for a menu hover.
Fancy Menu Navigation Using Anchor Positioning originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter
Tight Mode: Why Browsers Produce Different Performance Results
9.1.2025
I wrote a post for Smashing Magazine that was published today about this thing that Chrome and Safari have called “Tight Mode” and how it impacts page performance. I’d never heard the term until DebugBear’s Matt Zeunert mentioned it in …
Tight Mode: Why Browsers...
Smashing Meets Product Design
10.12.2024
I had the pleasure of hosting a recent Smashing Magazine workshop on product design, subbing for Vitaly Friedman who usually runs these things.
What? A front-ender interviewing really smart people about their processes for user research, documenting requirements, and …
Smashing Meets Product...
CSS Wrapped 2024
6.12.2024
Join the Chrome DevRel team and a skateboarding Chrome Dino on a journey through the latest CSS launched for Chrome and the web platform in 2024, highlighting 17 new features
That breaks down (approximately) as:
Five components
Interactions
Developer experience…
CSS Wrapped 2024...
Knowing CSS is Mastery to Frontend Development
6.12.2024
Anselm Hannemann on the intersection between frameworks and learning the basics:
Nowadays people can write great React and TypeScript code. Most of the time a component library like MUI, Tailwind and others are used for styling. However, nearly no
…
Knowing CSS is Mastery to Frontend...
Follow Up: We Officially Have a CSS Logo!
26.11.2024
Adam Argyle wraps up the search for a CSS logo, check out CSS' new look!
Follow Up: We Officially Have a CSS Logo! originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter
Anchoreum: A New Game for Learning Anchor Positioning
12.11.2024
You've played Flexbox Froggy before, right? Or maybe Grid Garden? They're both absolute musts for learning the basics of modern CSS layout using Flexbox and CSS Grid. Thomas Park made those and he's back with another game: Anchoreum.
Anchoreum: A New Game for Learning Anchor Positioning originally...
Tim Brown: Flexible Typesetting is now yours, for free
11.11.2024
Another title from A Book Apart has been re-released for free. The latest? Tim Brown's Flexible Typesetting. I may not be the utmost expert on typography and its best practices but I do remember reading this book (it's still on the shelf next to me!) thinking maybe, just maybe, I might be able...
You can use text-wrap: balance; on icons
24.10.2024
Terence Eden on using text-wrap: balance for more than headings:
But the name is, I think, slightly misleading. It doesn’t only work on text. It will work on any content. For example – I have a row of icons at
…
You can use text-wrap: balance; on icons originally published...
Clamp it! VS Code extension
23.10.2024
There’s a lot of math behind fluid typography. CSS does make the math a lot easier these days, but even if you’re comfortable with that, writing the full declaration can be verbose and tough to remember. I know I often …
Clamp it! VS Code extension originally published...
Combining forces, GSAP & Webflow!
18.10.2024
Change can certainly be scary whenever a beloved, independent software library becomes a part of a larger organization. I’m feeling a bit more excitement than concern this time around, though.
If you haven’t heard, GSAP (GreenSock Animation Platform) is teaming …
Combining...
Mastering theme.json: You might not need CSS
18.10.2024
I totally get the goal here: make CSS more modular and scalable in WordPress. Put all your global WordPress theme styles in a single file, including variations. JSON offers a nicely structured syntax that’s easily consumable by JavaScript, thereby allowing …
Mastering theme.json:...
WPGraphQL Becomes a Canonical Plugin: My Move to Automattic
10.10.2024
It’s always a gas when a good person doing good work gets a good deal. In this case, Jason’s viral WPGraphQL plugin has not only become a canonical WordPress plugin, but creator Jason Bahl is joining Automattic as well.
I’m …
WPGraphQL Becomes a Canonical Plugin: My Move...
2024: More CSS At-Rules Than the Past Decade Combined
9.10.2024
More times than I can count, while writing, I get myself into random but interesting topics with little relation to the original post. In the end, I have to make the simple but painful choice of deleting or archiving hours …
2024: More CSS At-Rules Than the Past Decade Combined originally...
Smashing Hour With Heydon Pickering
8.10.2024
I sat down with Heydon Pickering in the most recent episode of the Smashing Hour. Full transparency: I was nervous as heck. I’ve admired Heydon’s work for years, and even though we run in similar circles, this was our first …
Smashing Hour With Heydon Pickering originally...
The Proliferation and Problem of the ✨ Sparkles ✨ Icon
3.10.2024
Kate Kaplan hits on something over at Nielsen Norman Group’s blog that’s been bugging me:
The challenge with this icon is sparkle ambiguity: Participants in our recent research study generally agreed that it represented something a little special
…
The Proliferation...
Aggregating my distributed self
27.9.2024
Miriam Suzanne’s in the middle of a redesign of her personal website. It began in August 2022. She’s made an entire series out of the work that’s worth your time, but I wanted to call out the fifth and latest …
Aggregating my distributed self originally published...
BCD Watch
26.9.2024
A new tool from Eric Meyer, Brian Kardell, and Stephanie Stimac backed with Igalia’s support. Brian announced it on his blog, as did Eric, describing it like this:
What BCD Watch does is, it grabs releases of the Browser
…
BCD Watch originally published on CSS-Tricks, which...
The selectmenu Element is No More…Long Live select!
23.9.2024
I was looking over an older article Patrick Brosset penned for us introducing <selectmenu>, a new proposal at the time for a more style-able cousin to <select>. From there, I clicked the linked-up <selectmenu> explainer and got… this:…
The selectmenu Element...
Multiple Anchors
16.9.2024
Only Chris, right? You’ll want to view this in a Chromium browser:
CodePen Embed Fallback
This is exactly the sort of thing I love, not for its practicality (cuz it ain’t), but for how it illustrates a concept. Generally, tutorials …
Multiple Anchors originally published...