Silvestar Bistrović
@silvestar.codes
Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.
From one report to a growing catalog. 🙌 WebPerformance Report now brings together: ⚡ Web Performance 🔐 Security ♿ Accessibility 📊 Analytics 🔎 Search Console Expanding our 360° vision to help teams see the web from every angle. Get your own report: webperformancereport.com#Catalog #webperf
📚 Community reads: → Silvestar Bistrović @silvestar.codes makes adjacent columns scroll in opposite directions with animation-timeline: view() https://css-tricks.com/scroll-driven-animations-opposing-scroll-directions/
Using Scroll-Driven Animations for Opposing Scroll Directions by @silvestar.codes css-tricks.com/scroll-drive...
Try this awesome game on its second anniversary. www.maptap.gg My score today - quite low: 100🎯 85🎓 57😞 89🎉 94🏅 Final score: 848
🎯MapTap Daily Geography Game
Play MapTap - the daily geography game! Find 5 world locations on a 3D globe with historical stories. Free browser-based daily game for geography lovers.
maptap.gg
It's so nice to to see someone appreciates your work. Thanks for mention, @dominickjay.com!
Dom Jay@dominickjay.com · 2mo agoShout out to @piccalil.li @stefanjudis.com @ishadeed.com @frontendfocus.bsky.social @cssweekly.com and @silvestar.codes for their awesome newsletters - keep them going please and thank you 🙂
I got a 290 points knowledge score on this year’s #StateOfCSS survey! I have used 19 features, and knew 20 more, placing me in the top 100% of all respondents. Can you beat my score? survey.devographics.com/survey/state...
State of CSS 2026
Take the State of CSS survey
survey.devographics.com
The e18e ('ecosystem performance') community shares a site to map replaceable npm packages to their native or more performant alternatives. replacements.fyi #npm #security
replacements.fyi - performant, safer npm package alternatives
Find more performant and safer replacements for outdated or unnecessary npm packages.
replacements.fyi
Kevin Powell explains how Google's AI search shift threatens website traffic and ad revenue. www.youtube.com/watch?v=Xpk7... #ai #webdev
Google might have just killed websites
Vale's article: https://vale.rocks/micros/20260521-0440 Matthias' article: https://matthiasott.com/notes/ad-infinitum My article that I mentioned in passing:…
youtube.com
Julia Evans shares lessons on migrating from Tailwind to semantic HTML and vanilla CSS, outlining findings on structure, design systems, and modern CSS features. jvns.ca/blog/2026/05... #css #html
Moving away from Tailwind, and learning to structure my CSS
Moving away from Tailwind, and learning to structure my CSS
jvns.ca
if we make it to $100K before the campaign ends today I will shave my beard off on a livestream build.awesome.me
Build Awesome Pro
A better way to build web sites. Fast, flexible, and built to last.
build.awesome.me
Chris Coyier demonstrates animating focus rings with View Transitions. frontendmasters.com/blog/animati... #css
Animating Focus with View Transitions
Let's try a fresh take on animating focus rings around a page. Flying focus, as it were. Only instead of measuring where elements are ourselves, we'll let View Transitions figure it out.
frontendmasters.com
Durgesh Rajubhai Pawar reveals cross-document view transition gotchas like timeouts and image warping. css-tricks.com/cross-docume... #css
Cross-Document View Transitions: The Gotchas Nobody Mentions | CSS-Tricks
This is Part 1 of a two-part series about cross-document view transitions, going over all the gotchas, from ditching the deprecated way to opt into them to a little-known 4-second timeout.
css-tricks.com
Switching from Arc to @vivaldi.com. It's been over an hour and I still haven't switched back. That's about an hour longer than with previous versions. #vivaldi #browsers
Ahmad Shadeed shows how to use the CSS round() function to ensure predictable fluid sizing. ishadeed.com/article/css-... #css
Better fluid sizing with round()
Using the round() function to get a more predictable fluid sizing.
ishadeed.com
Craig Abbott argues that tying CSS styles to semantic HTML tags ensures accessibility by default. www.craigabbott.co.uk/blog/2026/ou... #css #html #accessibility #a11y
Our CSS isn't opinionated enough
Why styling on semantics and roles could make accessibility harder to skip
craigabbott.co.uk
Den Odell explains how Safari and Firefox use domain-specific code to fix broken websites while Chrome does not. denodell.com/blog/browser... #browsers #chrome #firefox #safari
Browsers Treat Big Sites Differently
Safari and Firefox change how big sites render based on the domain. TikTok, Netflix, Instagram… even SeatGuru. Chrome doesn’t. Why is that?
denodell.com
Issue #122 of the UI Dev Newsletter is out! In this issue: how browsers treat big sites differently, fluid sizing with round(), animating focus rings, and more. www.silvestar.codes/side-project... #ui #webdev
Issue #122 ✣ UI Dev Newsletter
In this issue: how browsers treat big sites differently, fluid sizing with round(), animating focus rings, and more.
silvestar.codes
introduce yourself with ten bands you’ve seen live Air Arcade Fire Sleigh Bells Crystal Castles Portishead Santigold Nosaj Thing Sonic Youth The Prodigy The Stooges And here's the list of all concerts I've seen: www.silvestar.codes/favorites/co...
My favorite concerts ✣ S.Bistrović
Explore the exhausting list of music concerts and festivals I attended. The list is long, so I grouped them into Epic, Favotite, and Others groups.
silvestar.codes
Scott Jehl@scottjehl.com · 3mo agointroduce yourself with ten bands you’ve seen live Interpol LCD Soundsystem Mobb Deep Wu Tang Clan Nas Band of Horses The Thermals Dave Matthews Band Thee Oh Sees Bloc Party
Yassine Bouanane introduces Liquid Glass, a WebGL library for realistic glass effects on HTML elements. liquid-glass.ybouane.com #webgl #html #webdev #ui
LiquidGlass
Realistic WebGL glass effects for any HTML element — refraction, blur, chromatic aberration, specular highlights, and more.
liquid-glass.ybouane.com
Laura Kalbag makes her 2017 book on web accessibility freely available to the community. accessibilityforeveryone.site #a11y #accessibility #webdev
Accessibility For Everyone by Laura Kalbag
Read the book online for free.
accessibilityforeveryone.site
Nicolas Charpentier explains why migrating from Yarn Classic to Yarn Berry is essential for fixing transitive CVEs. charpeni.com/blog/stop-us... #yarn #webdev
Stop Using Yarn Classic | Nicolas Charpentier
Yarn Classic is frozen, and its lack of recursive transitive updates is becoming a real liability in an era where CVEs land weekly. It's time to move on.
charpeni.com
Alexander Hanff analyzes Chrome’s silent 4GB AI model install, exposing privacy violations and significant environmental costs. www.thatprivacyguy.com/blog/chrome-... #chrome #webdev #ai
Google Chrome silently installs a 4 GB AI model on your device without consent. At a billion-device scale the climate costs are insane. — That Privacy Guy!
Google Chrome is downloading a 4 GB Gemini Nano model onto users' machines without consent, with no opt-in, no opt-out short of enterprise tooling, and an automatic re-download every time the user…
thatprivacyguy.com
Steven Langbroek reveals how greed, not AI, is destroying the tech industry's future. www.stvn.sh/writing/prog... #ai #webdev #programming
Programming Still Sucks. — Writing
Sorry Peter. — I'm at a birthday party, and while most people here also work in tech, there's always a Guy with a Real Job. You know, a physical job, building some or other thing people need. And…
stvn.sh
Adam Argyle shares new CSS features now live in all browsers. nerdy.dev/CSS-recently... #css #webdev #ui
CSS Recently In All Browsers · April 26, 2026
New CSS you feel like you could use today
nerdy.dev
Ike Saunders describe a CSS filter for adding aesthetic noise dithering to images (without saving bandwidth). ikesau.co/blog/ditheri... #css #webdev #ui
dithering with css | ikesau.co
The website of Ike Saunders
ikesau.co
