Silvestar Bistrović
LightNews LightNews
banner
silvestar.codes
Silvestar Bistrović
@silvestar.codes
710 followers 790 following 260 posts
Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter (http://bit.ly/ui-dev-news), founder of
CSS Auditors
Posts Replies Media Videos
Pinned
silvestar.codes
Silvestar Bistrović @silvestar.codes · Oct 3
Today I published my first VS Code extension - Clamp it! This extension makes it easy to generate the clamped sizes for your CSS code.

www.silvestar.codes/articles/cla...
Clamp it! VS Code extension ✣ S.Bistrović
Today I published my first VS Code extension - Clamp it! This extension makes it easy to generate the clamped sizes for your CSS code.
www.silvestar.codes
silvestar.codes
1 or 2?
Young Silvestar. Young Silvestar.
November 1, 2025 at 8:14 PM
Reposted by Silvestar Bistrović
css-tricks.bsky.social
An interesting idea from @silvestar.codes to use the
element for tabbed UI rather than, say, the checkbox hack.

css-tricks.com/pure-css-tab...
Pure CSS Tabs With Details, Grid, and Subgrid | CSS-Tricks
Can we use the <details> element as the foundation for a tabbed interface? Why yes, we can!
css-tricks.com
October 27, 2025 at 2:38 PM
Reposted by Silvestar Bistrović
cssweekly.com
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
CSS Weekly Issue #622
Learn everything you need to know about new CSS features released in 2025, useful use cases for obscure media queries, how the corner-shape property works, and more.
cssw.io
October 23, 2025 at 1:26 PM
silvestar.codes
Bought Cloude Pro plan.
Installed Claude CLI.
I'm vibe coding, baby.
October 22, 2025 at 11:42 AM
Reposted by Silvestar Bistrović
stefanjudis.com
Did we all celebrate that `::details-content` works in all major browsers now? 🎉

developer.mozilla.org/en-US/docs/W...
details::details-content { opacity: 0; transition: opacity 600ms, content-visibility 600ms allow-discrete; } details[open]::details-content { opacity: 1; }
October 20, 2025 at 5:32 PM
Reposted by Silvestar Bistrović
css-only.dev
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 👍
October 20, 2025 at 11:47 AM
Reposted by Silvestar Bistrović
open-web-advocacy.org
Safari bugs don't just make Safari worse, they make EVERY OTHER BROWSER on iOS worse. #AppleBrowserBan
rbyers.net Rick Byers @rbyers.net · Oct 3
One of my jobs on Chrome is quantifying overall product quality signals. This quarter we're taking a hit on crashes entirely due to iOS, which looks to be primarily due to WebKit and iOS bugs. When I try to check on the status of the current major one (bugs.webkit.org/show_bug.cgi...), I get this:
Unformatted and nearly unreadable bugs.webkit.org webpage with console showing lots of 503 errors.
October 10, 2025 at 7:12 AM
Reposted by Silvestar Bistrović
developer.mozilla.org
📣 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 (🧪exp.)

Read more 👇
developer.mozilla.org/en-US/docs/...
Firefox 144 for developers - Mozilla | MDN
This article provides information about the changes in Firefox 144 that affect developers. Firefox 144 was released on October 14, 2025.
developer.mozilla.org
October 17, 2025 at 3:00 AM
Reposted by Silvestar Bistrović
firefoxdevtools.bsky.social
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
Interop Feature Ranking
Rank the web platform features you care most about
interop-rank.jakearchibald.com
October 9, 2025 at 5:00 PM
silvestar.codes
I received my first review for my VS Code extension that converts to the OKLCH color format.
⭐ ⭐ ⭐ ⭐ ⭐

Link: marketplace.visualstudio.com/items?itemNa....
Screenshot from oklchanger homepage showing a 5-star review.
September 30, 2025 at 2:16 PM
silvestar.codes
Today is my last.fm 19th anniversary.

Here's my iceberg chart of artists.

#lastfm
Last.fm iceberg chart showing my favorite artists like Nirvana, Gorillaz, Pixies, Beck, Talking Heads, Air, Jefferson Airplane, etc.
September 30, 2025 at 6:35 AM
silvestar.codes
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....
Screenshot from Clamp it! VS Code extension homepage hero section showing “1,234 installs” text highlighted.
September 29, 2025 at 2:16 PM
Reposted by Silvestar Bistrović
cssbasics.fridayfrontend.com
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...
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
September 16, 2025 at 5:04 PM
silvestar.codes
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
September 11, 2025 at 1:31 AM
silvestar.codes
Smashing vibes. 💯

#smashingconf
September 9, 2025 at 7:37 AM
silvestar.codes
html {
background-color: #DC143C;
background-color: crimson;
}

en.wikipedia.org/wiki/Crimson
Text: html { background-color: #DC143C; background-color: crimson; } on a background color crimson.
September 8, 2025 at 2:16 PM
silvestar.codes
html {
background-color: #FFF8DC;
background-color: cornsilk;
}

en.wikipedia.org/wiki/Shades_...
Text: html { background-color: #FFF8DC; background-color: cornsilk; } on a background color cornsilk.
September 4, 2025 at 2:16 PM
silvestar.codes
.elem {
min-aspect-ratio: 1;
}

I wish this existed.

www.silvestar.codes/side-project...
min-aspect-ratio: 1 ✣ S.Bistrović
“Invalid CSS” is a project that features CSS declarations that are not valid and non-existing. For example, min-aspect-ratio: 1.
www.silvestar.codes
September 4, 2025 at 10:53 AM
silvestar.codes
html {
background-color: #6495ED;
background-color: cornflowerblue;
}

en.wikipedia.org/wiki/Cornflo...
Text: html { background-color: #6495ED; background-color: cornflowerblue; } on a background color cornflowerblue.
September 3, 2025 at 2:16 PM
silvestar.codes
TIL that <progress> gives you an animated loader for free if you remove the value attribute.
September 3, 2025 at 8:08 AM
silvestar.codes
Drop an old person you're going to turn into in the future.
Like in 5 years.
September 2, 2025 at 6:16 PM
silvestar.codes
html {
background-color: #FF7F50;
background-color: coral;
}

en.wikipedia.org/wiki/Coral_(...
Text: html { background-color: #FF7F50; background-color: coral; } on a background color coral.
September 2, 2025 at 2:16 PM
silvestar.codes
Website footer update.
Human Intelligence text added.
100% AI-free.
My website footer screenshot with text “Built with Human Intelligence” highlighted.
September 2, 2025 at 7:21 AM
silvestar.codes
html {
background-color: #D2691E;
background-color: chocolate;
}

en.wikipedia.org/wiki/Chocola...
Text: html { background-color: #D2691E; background-color: chocolate; } on a background color chocolate.
September 1, 2025 at 2:16 PM
silvestar.codes
html {
background-color: #7FFF00;
background-color: chartreuse;
}

en.wikipedia.org/wiki/Chartre...
Text: html { background-color: #7FFF00; background-color: chartreuse; } on a background color chartreuse.
August 26, 2025 at 2:16 PM