author

CSS-Tricks

Tips, Tricks, and Techniques on using Cascading Style Sheets.

October 3, 2024  15:18:16

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 and Problem of the ✨ Sparkles ✨ Icon originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

October 3, 2024  13:10:48

Many of you ā€” perhaps most of you ā€” have been sitting on the sidelines while WordPress and WP Engine trade legal attacks on one another. It’s been widely covered as we watch it unfold in the open; ironically, in …


Catching Up on the WordPress 🚫 WP Engine Sitch originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

October 2, 2024  15:26:48

Learn about CSS Anchor Positioning, including its syntax, properties, how it is used to position one element next to another, and even how it's used to resize elements relative to other elements.


CSS Anchor Positioning Guide originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

September 30, 2024  13:56:11

An approach for creating masonry layouts in vanilla CSS is one of those “holy grail” aspirations. I actually tend to plop masonry and the classic “Holy Grail” layout in the same general era of web design. They’re different types of …


CSS Masonry & CSS Grid originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

September 27, 2024  18:39:23

The creator of CSSĀ has saidĀ he originally envisaged CSS as the main web technology to control behavior on web pages, with scripting as a fallback when things werenā€™t possible declaratively in CSS. The rationale for a CSS-first approach was …


Slide Through Unlimited Dimensions With CSS Scroll Timelines originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

September 27, 2024  15:24:07

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 on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

September 26, 2024  14:28:48

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 is part of the DigitalOcean family. You should get the newsletter.

September 25, 2024  14:31:54

The <select> element is a fairly straightforward concept: focus on it to reveal a set of <option>s that can be selected as the inputā€™s value. Thatā€™s a great pattern and Iā€™m not suggesting we change it. That said, I …


How to Make aĀ ā€œScrollĀ to Selectā€ Form Control originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

September 24, 2024  18:22:01

Mixing colors in CSS is pretty much a solved deal, thanks to the more recent color-mix() function as it gains support. Pass in two color values ā€” any two color values at all ā€” and optionally set the proportions.

background-color: 


Color Mixing With Animation Composition originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

September 23, 2024  15:43:05

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 is No Moreā€¦Long Live select! originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

September 20, 2024  15:15:33

For the past two months, all my livelihood has gone towards reading, researching, understanding, writing, and editing about Anchor Positioning, and with many Almanac entries published and a full Guide guide on the way, I thought I was ready to …


CSSWG Minutes TeleconĀ (2024-09-18) originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

September 19, 2024  14:19:24

Getting right to it: the CSS-Tricks Almanac got a big refresh this week!

I’m guessing you’re already familiar with this giant ol’ section of CSS-Tricks called the Almanac. This is where we publish references for CSS selectors and properties


Re-Working the CSS Almanac originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

September 17, 2024  13:49:04

I’m working on a refresh of my personal website, what I’m calling the HD remaster. Well, I wouldn’t call it a “full” redesign. I’m just cleaning things up, and Polypane is coming in clutch. I wrote about how much …


Clever Polypane Debugging Features I’m Loving originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

September 16, 2024  16:38:08

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 on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

September 16, 2024  16:35:18

I’m a big Lynn Fisher fan. You probably are, too, if you’re reading this. Or maybe you’re reading her name for the first time, in which case you’re in for a treat.

That’s because I had a chance to sit …


Smashing Hour With Lynn Fisher originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.