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 may have seen other tutorials out there showing off what the Popover API can do, but this is more of a beating-it-mercilessly-into-submission kind of article. We’ll add a little more pop music to the mix, like with balloons… some literal “pop” if you w..

• 0 Comment

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 Voyeur-Land. Mine? It could easily be scrolling through CSS snippets that devs keep within arm’s reach. Alvaro was kind enough to share the trustiest of his trusty CSS: Limit the content width within the viewport Increase the body text size ..

• 0 Comment

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 out-of-the-box nesting, container and style queries, or the has: selector, then 2024 is going to be even more packed with even more ground-breaking additions. Whether a new feature like inline conditionals is just starting or long-term projects ar..

• 0 Comment

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 have to look up the song since it’s become an unofficial-official commencement ceremony staple. If you graduated in ’99, then I’m sorry. You might still be receiving ongoing treatment for the earworm infecti..

• 0 Comment

Overview CSS is really good at many things, but it’s really, really good at two specific things: selecting elements and styling them. That’s the raison d’être for CSS and why it’s a core web language. In this guide, we will cover the different ways to select elements — because the styles we write are pretty much useless without the ability to select which elements to apply them to. The source of truth for CSS selectors is documented in the Selectors Module Le..

• 0 Comment

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 caught my attention: A historical day for CSS 😀🎉If you write any components used and/or styled by others, you know how huge this is!background: if(style(–variant: success), var(–green));Even if you don’t, this will allow things like: padding: if(var(–2x..

• 0 Comment

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 to dredge up any sort of announcement. So, I thought I’d jot some notes down because it feels like a significant development. The news: transitioning to auto is now a thing! Well, it’s going to be a thing. Chrome Canary recently shipped support for it and that’s..

• 0 Comment

Oh, hey there! It’s been a hot minute, hasn’t it? Thought I’d pop in and say hello. 👋 Speaking of “popping” in, I’ve been playing with the Popover API a bit. We actually first noted it wayyyyy back in 2018 when Chris linked up some information about the <dialog> element. But it’s only been since April of this year that we finally have full Popover API support in modern browsers. There was once upon a time that we were going to get a brand-new &lt..

• 0 Comment

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...

• 0 Comment

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

• 0 Comment