Search
CSS Olympic Rings
7.8.2024
It was a few years ago during the 2020 Olympics in Tokyo 2020 that I made a demo of animated 3D Olympic rings. I like it, it looks great, and I love the effect of the rings crossing each other.…
CSS Olympic Rings originally published on CSS-Tricks, which is part of the DigitalOcean family....
(Hyper) Links About (Hyper) Links
2.8.2024
Heydon on the virtues of hyperlinking hypertext in an anchor element:
Sometimes, the <a> is referred to as a hyperlink, or simply a link. But it is not one of these and people who say it is one are
…
(Hyper) Links About (Hyper) Links originally published...
HTML Web Components Make Progressive Enhancement and CSS Encapsulation Easier!
1.8.2024
I have to thank Jeremy Keith and his wonderfully insightful article from late last year that introduced me to the concept of HTML Web Components. This was the “a-ha!” moment for me:
When you wrap some existing markup in a
…
HTML Web Components Make Progressive Enhancement and...
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...
Bitcoin Fails to Break $70k in Six Tries: BTC Future Outlook
31.7.2024
After a bullish movement, Bitcoin and Ethereum are showing diverging trends amidst broader market volatility. In a recent report by QCP Broadcast, analysts shed light on the current state of these leading digital assets and their potential next moves. Bitcoin’s Struggle and Ethereum’s...
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...
You Can Try Overwatch 2’s Groovy New Support Hero For A Limited Time This Weekend
19.7.2024
The newest Overwatch hero is playable starting today for a limited time. Juno, a support hero Blizzard began teasing as far back as last year’s BlizzCon, brings a space-age flair to the hero shooter when she joins the roster as part of Season 12 when it launches on August 20. Based on Juno’s reveal...
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