1 or 2?

An interesting idea from @silvestar.codes to use the <details> element for tabbed UI rather than, say, the checkbox hack. css-tricks.com/pure-css-tab...

CSS Weekly #622 🚀 Best of CSS in 2025 😳 Uncommon media queries 💠 corner-shape property 💬 :heading pseudo-class Featuring @chriscoyier.net, @dxnny.fun, @jensimmons.bsky.social, @emilkowal.ski, @bram.us, @denodell.bsky.social. @silvestar.codes, @miocene.io. 🙏 cssw.io/issue-622

Bought Cloude Pro plan. Installed Claude CLI. I'm vibe coding, baby.

Did we all celebrate that `::details-content` works in all major browsers now? 🎉 developer.mozilla.org/en-US/docs/W...

Ready for another crazy demo? This time, I am considering the corner positions. Same HTML code and still 100% modern CSS! Yes, Anchor Positioning is very cool. 🤩 css-tip.com/tooltip-anch... The code is a bit hard to decipher, but I am working on articles to explain all the magic 👍

Safari bugs don't just make Safari worse, they make EVERY OTHER BROWSER on iOS worse. #AppleBrowserBan

📣 Firefox 144 is out! What's new for developers: 🧩 View Transition API for SPAs ⚙️ New Map/WeakMap methods (getOrInsert) 🧱 Element.moveBefore() 📱 ScreenOrientation.lock() 🕐 Built-in time picker for <input type="datetime-local"> (🧪exp.) Read more 👇 developer.mozilla.org/en-US/docs/...

As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most. So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion. interop-rank.jakearchibald.com

I received my first review for my VS Code extension that converts to the OKLCH color format. ⭐ ⭐ ⭐ ⭐ ⭐ Link: marketplace.visualstudio.com/items?itemNa....

Today is my last.fm 19th anniversary. Here's my iceberg chart of artists. #lastfm

My VS Code extension generating clamped values has 1234 installs! 🥳 In case you want to check it out, here's the link: marketplace.visualstudio.com/items?itemNa....

The Fundamentals of #CSS Alignment: "This deep dive covers everything you need to know about CSS alignment. It's time to stop doing trial and error and finally understand how everything works!" css-tip.com/explore/alig...

It has been such a privilege to share the closing moments of the conference with @bradfrost.com, @matthiasott.com, @marcthiele.com, and the incredibly talented DJ Tobi. 🍻 #smashingconf

Smashing vibes. 💯 #smashingconf

html { background-color: #DC143C; background-color: crimson; } en.wikipedia.org/wiki/Crimson

html { background-color: #FFF8DC; background-color: cornsilk; } en.wikipedia.org/wiki/Shades_...

.elem { min-aspect-ratio: 1; } I wish this existed. www.silvestar.codes/side-project...

html { background-color: #6495ED; background-color: cornflowerblue; } en.wikipedia.org/wiki/Cornflo...

TIL that <progress> gives you an animated loader for free if you remove the value attribute.

Drop an old person you're going to turn into in the future. Like in 5 years.

html { background-color: #FF7F50; background-color: coral; } en.wikipedia.org/wiki/Coral_(...

Website footer update. Human Intelligence text added. 100% AI-free.

html { background-color: #D2691E; background-color: chocolate; } en.wikipedia.org/wiki/Chocola...

html { background-color: #7FFF00; background-color: chartreuse; } en.wikipedia.org/wiki/Chartre...

html { background-color: #5F9EA0; background-color: cadetblue; } en.wikipedia.org/wiki/X11_col...

html { background-color: #DEB887; background-color: burlywood; } en.wikipedia.org/wiki/X11_col...

html { background-color: #A52A2A; background-color: brown; } en.wikipedia.org/wiki/Brown

Lori says hi! 🐶

html { background-color: #8A2BE2; background-color: blueviolet; } en.wikipedia.org/wiki/X11_col...

html { background-color: #0000FF; background-color: blue; } en.wikipedia.org/wiki/Blue

What GIF pops up when you type your name?

html { background-color: #FFEBCD; background-color: blanchedalmond; } en.wikipedia.org/wiki/X11_col...

html { background-color: #000000; background-color: black; } en.wikipedia.org/wiki/Black

I just scored 55 / 60 (92% / 100%) on the Comprehensive Exam at css-questions.com! Try to beat my score. 💪 #cssquestions

html { background-color: #FFE4C4; background-color: bisque; } en.wikipedia.org/wiki/Web_col...

html { background-color: #F5F5DC; background-color: beige; } en.wikipedia.org/wiki/Beige

html { background-color: #F0FFFF; background-color: azure; } en.wikipedia.org/wiki/Azure_(...

html { background-color: #7FFFD4; background-color: aquamarine; } en.wikipedia.org/wiki/Aquamar...

html { background-color: #00FFFF; background-color: cyan; background-color: aqua; } en.wikipedia.org/wiki/Aqua_(c... en.wikipedia.org/wiki/Cyan

html { background-color: #FAEBD7; background-color: antiquewhite; } en.wikipedia.org/wiki/Shades_...

@bsky.app has not yet verified @alistapart.com, we suppose because they’ve got bigger fish to fry first. We guess that at least some members of the Bluesky team learned their craft from us and trust that they’ll get around to verifying us sooner or later. Reshare if you care.

A fresh hero visual on my site. silvestar.codes #hue

Happy #HTMLday! codepen.io/CiTA/full/RN...

html { background-color: #F0F8FF; background-color: aliceblue; } en.wikipedia.org/wiki/Alice_b...

One of the greatest perks of living in Croatia is enjoying fresh, homegrown food. 🍖

Summer vibes! 😎

So beautiful, so dead (not my calloused hands).

One thing in which AI helped me a lot this week is schema.org markup. Upload the HTML file and ask AI to suggest the best schema.org markup for the page. I never even bothered with schema.org markup before, because there are so many Things and I couldn't find the right ones.

#CSSDay vs #RolandGarros