Search

CSS Functions and Mixins Module Notes

31.7.2024
Most days, I’m writing vanilla CSS. Thanks to CSS variables and nesting, I have fewer reasons to reach for Sass or any other preprocessor. The times I reach for Sass tend to be when I need a @mixin to loop … CSS Functions and Mixins Module Notes originally published on CSS-Tricks...

Where You Can Still Get A Book Apart Titles

31.7.2024
It’s been a few months out since A Book Apart closed shop. I’m sad about it, of course. You probably are, too, if you have one of their many brightly-colored paperbacks sitting on a bookshelf strategically placed as a backdrop … Where You Can Still Get A Book Apart Titles originally...

Smashing Hour With Dave Rupert

30.7.2024
Smashing Magazine invited me to sit down for a one-on-one with “Uncle” Dave Rupert to discuss web components, yes, but also check in on Dave’s new Microsoft gig and what the ShopTalk co-host is working on these days. I first … Smashing Hour With Dave Rupert originally...

Letter Spacing is Broken and There’s Nothing We Can Do About It… Maybe

29.7.2024
This post came up following a conversation I had with Emilio Cobos — a senior developer at Mozilla and member of the CSSWG — about the last CSSWG group meeting. I wanted to know what he thought were the … Letter Spacing is Broken and There’s Nothing We Can Do About It… Maybe...

Pop(over) the Balloons

25.7.2024
I’ve always been fascinated with how much we can do with just HTML and CSS. The new interactive features of the Popover API are yet another example of just how far we can get with those two languages alone. You … Pop(over) the Balloons originally published on CSS-Tricks, which is part of...

Alvaro Montoro: CSS One-Liners to Improve (Almost) Every Project

22.7.2024
These sorts of roundups always get me. My wife will flip through Zillow photos of the insides of homes for hours because she likes seeing how different people decorate, Feng Shui, or what have you. That’s her little dip into … Alvaro Montoro: CSS One-Liners to Improve (Almost) Every Project...

CSS Stuff I’m Excited After the Last CSSWG Meeting

19.7.2024
From June 11–13, the CSS Working Group (CSSWG) held its second face-to-face meeting of the year in Coruña, Spain, with a long agenda of new features and improvements coming to language. If 2023 brought us incredible advances like … CSS Stuff I’m Excited After the Last CSSWG...

Sara Joy: Everybody’s Free (To Write Websites)

17.7.2024
Sara Joy’s adaptation of the song “Everybody’s Free (To Wear Sunscreen)” (YouTube) originally by Baz Luhrman with lyrics pulled directly from Mary Schmich‘s classic essay, “Wear Sunscreen”. Anyone who has graduated high school since 1999 doesn’t even...

Sarah Joy: Everybody’s Free (To Write Websites)

17.7.2024
Sarah Joy’s adaptation of the song “Everybody’s Free (To Wear Sunscreen)” (YouTube) originally by Baz Luhrman with lyrics pulled directly from Mary Schmich‘s classic essay, “Wear Sunscreen”. Anyone who has graduated high school since 1999 doesn’t even...

CSS Selectors

15.7.2024
A complete guide covering all of the various methods we have to select elements in CSS and how to use them for applying styles. CSS Selectors originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter

“If” CSS Gets Inline Conditionals

9.7.2024
A few sirens went off a couple of weeks ago when the CSS Working Group (CSSWG) resolved to add an if() conditional to the CSS Values Module Level 5 specification. It was Lea Verou’s X post that same day that … “If” CSS Gets Inline Conditionals originally published...

Transitioning to Auto Height

28.6.2024
I know this is something Chris has wanted forever, so it’s no surprise he’s already got a fantastic write-up just a day after the news broke. In fact, I first learned about it from his post and was unable … Transitioning to Auto Height originally published on CSS-Tricks, which...

Poppin’ In

26.6.2024
Oh, hey there! It’s been a hot minute, hasn’t it? Thought I’d pop in and say hello while we get to know the Popover API a bit. Poppin’ In originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter

24.6.2024
CSS Meditation #8: .work + .life { border: 10px solid #000; }… originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter

24.6.2024
CSS Meditation #7: Nobody is perf-ect.… originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter

24.6.2024
CSS Meditation #6: The color space is always calc(rgb(0 255 0)+er) on the other side of the fence.… originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter

24.6.2024
CSS Meditation #5: :where(:is(.my-mind))… originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter

24.6.2024
CSS Meditation #4: Select, style, adjust. Select, style, adjust. Select, sty…… originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter

24.6.2024
CSS Meditation #3: A pseudo is as a pseudo does.… originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter

24.6.2024
CSS Meditation #2: Who gives a flying frick what constitutes a “programming” language.… originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter