Sign in

Silvestar Bistrović

@silvestar.codes
777 followers 811 following 419 posts

Fearless web engineer, CSS developer, JAMstack enthusiast, WordPress theme specialist, author of UI Dev Newsletter, founder of Studio CiTA.

PostsRepliesMedia
Silvestar Bistrović @silvestar.codes · 18h
20 years of scrobbling. 🎵 www.last.fm/user/maliMir...
100 covers: Deep Cuts by The Knife
Fur and Gold by Bat for Lashes
Reflektor by Arcade Fire
The Knife by The Knife
Silent Shout by The Knife
Coming on Strong by Hot Chip
Random Access Memories by Daft Punk
Fever Ray by Fever Ray
Made in the Dark by Hot Chip
Plastic Beach by Gorillaz
Cansei de Ser Sexy by Cansei de Ser Sexy
Two Suns by Bat for Lashes
The Warning by Hot Chip
Bosnian Rainbows by Bosnian Rainbows
Swim by Caribou
The Suburbs by Arcade Fire
Until the Quiet Comes by Flying Lotus
Melody A.M. by Röyksopp
Trilogy by The Weeknd
Demon Days by Gorillaz
Yuck by Yuck
Donkey by Cansei de Ser Sexy
Eye Contact by Gang Gang Dance
Love This Giant by David Byrne & St. Vincent
Tomorrow's Harvest by Boards of Canada
Zonoscope by Cut Copy
Attack Decay Sustain Release by Simian Mobile Disco
Holy Fire by Foals
Drone Logic by Daniel Avery
Morning Phase by Beck
The Milk of Human Kindness by Caribou
Familiars by The Antlers
After the Disco by Broken Bells
Rolling Blackouts by The Go! Team
The Pains of Being Pure at Heart by The Pains of Being Pure at Heart
Colors by Beck
Treats by Sleigh Bells
Broken Bells by Broken Bells
Junior by Röyksopp
Discover America by Van Dyke Parks
Santogold by Santigold
Rules by The Whitest Boy Alive
One Life Stand by Hot Chip
Proof of Youth by The Go! Team
Lucky Shiner by Gold Panda
Modern Guilt by Beck
Darkel by Darkel
The Information by Beck
Hurry Up, We're Dreaming by M83
Smokey Rolls Down Thunder Canyon by Devendra Banhart
Andorra by Caribou and more.
001
Reposted by Silvestar Bistrović
Manuel Matuzović @matuzo.at · 24/09/2026
Today at 6 pm CEST I'm doing a live, one hour accessibility testing session. You send me links, I test them and comment what I see. Hosted by my friends at @smashingconf.com! smashingconf.com/online-works...
smashingconf.com
Live Accessibility Testing — Online Workshops
In this one-hour session, Manuel Matuzović will test the websites you provide for accessibility issues and show you quick first steps you can take to identify and assess them. You will learn how to us...
054
Silvestar Bistrović @silvestar.codes · 21/09/2026
The most entertaining Premier League teams so far (2026) 5 rounds of this year's Premier League are behind us. Let's see which teams are the most entertaining. ultigamemate.beehiiv.com/p/the-most-e... #fpl #premierleague #fantasy
ultigamemate.beehiiv.com
The most entertaining Premier League teams so far (2026)
5 rounds of this year's Premier League are behind us. Let's see which teams are the most entertaining.
000
Silvestar Bistrović @silvestar.codes · 17/09/2026
I finally built something I wanted to build for ages - I build me a VS Code theme based on my website colors called Cita Theme.
Screenshot showing dark mode of my Cita Theme.Screenshot showing light mode of my Cita Theme.
010
Reposted by Silvestar Bistrović
Manuel Matuzović @matuzo.at · 17/09/2026
Friends, it's that time of the year: Once again, I'm asking you to help me create another amazing HTMHell Advent Calendar by writing about HTML. The CFP is open until October 3! docs.google.com/forms/d/e/1F...
docs.google.com
HTMHell Advent Calendar
Hello, my dear friends of high-quality markup! We're getting closer to the last quarter of 2026, which means that the HTMHell Advent Calendar is getting closer, too. Last year, once again, you contrib...
34936
Reposted by Silvestar Bistrović
Silvestar Bistrović @silvestar.codes · 11/09/2026
In this “beautiful” era of spelunking, booping, and flibbertigibbeting, I often procrastinate by playing these little fun games.
silvestar.codes
High-quality procrastination ✣ S.Bistrović
In this “beautiful” era of spelunking, booping, and flibbertigibbeting, I often procrastinate by playing these little fun games.
011
Silvestar Bistrović @silvestar.codes · 11/09/2026
In this “beautiful” era of spelunking, booping, and flibbertigibbeting, I often procrastinate by playing these little fun games.
silvestar.codes
High-quality procrastination ✣ S.Bistrović
In this “beautiful” era of spelunking, booping, and flibbertigibbeting, I often procrastinate by playing these little fun games.
011
Silvestar Bistrović @silvestar.codes · 31/08/2026
Invalid CSS features CSS declarations that are not valid and non-existing yet. For example, flex-wrap: pretty.
silvestar.codes
flex-wrap: pretty ✣ S.Bistrović
Invalid CSS features CSS declarations that are not valid and non-existing yet. For example, flex-wrap: pretty.
000
Silvestar Bistrović @silvestar.codes · 31/08/2026
Invalid CSS features CSS declarations that are not valid and non-existing yet. For example, :flex-last-row.
silvestar.codes
:flex-last-row ✣ S.Bistrović
Invalid CSS features CSS declarations that are not valid and non-existing yet. For example, :flex-last-row.
000
Silvestar Bistrović @silvestar.codes · 27/08/2026
Invalid CSS features CSS declarations that are not valid and non-existing yet. For example, :flex-last-in-row.
silvestar.codes
:flex-last-in-row ✣ S.Bistrović
Invalid CSS features CSS declarations that are not valid and non-existing yet. For example, :flex-last-in-row.
000
Silvestar Bistrović @silvestar.codes · 26/08/2026
Invalid CSS features CSS declarations that are not valid and non-existing yet. For example, :flex-first-in-row.
silvestar.codes
:flex-first-in-row ✣ S.Bistrović
Invalid CSS features CSS declarations that are not valid and non-existing yet. For example, :flex-first-in-row.
000
Silvestar Bistrović @silvestar.codes · 25/08/2026
Invalid CSS features CSS declarations that are not valid and non-existing yet. For example, :flex-nth-in-row. www.silvestar.codes/side-project...
silvestar.codes
:flex-nth-in-row ✣ S.Bistrović
Invalid CSS features CSS declarations that are not valid and non-existing yet. For example, :flex-nth-in-row.
000
Silvestar Bistrović @silvestar.codes · 25/08/2026
Invalid CSS features CSS declarations that are not valid and non-existing yet. For example, :flex-only-in-row. www.silvestar.codes/side-project...
silvestar.codes
:flex-only-in-row ✣ S.Bistrović
Invalid CSS features CSS declarations that are not valid and non-existing yet. For example, :flex-only-in-row.
010
Silvestar Bistrović @silvestar.codes · 24/08/2026
Invalid CSS features CSS declarations that are not valid and non-existing yet. For example, :x-scroll. www.silvestar.codes/side-project...
silvestar.codes
:x-scroll ✣ S.Bistrović
Invalid CSS features CSS declarations that are not valid and non-existing yet. For example, :x-scroll.
110
Reposted by Silvestar Bistrović
Vale @vale.rocks · 24/08/2026
I hope you're hungry, because we're serving a greatly improved experience over on PersonalSit.es. We've got some cleaned up data and much improved tagging, so you can filter for and check out specific niches.
personalsit.es
PersonalSit.es
Personal sites are sick as hell, so this site was built so we can all discover each other's. This directory of links are by folks that want to share their site with the world.
86615
Silvestar Bistrović @silvestar.codes · 24/08/2026
Invalid CSS features CSS declarations that are not valid and non-existing yet. For example, :overflow. www.silvestar.codes/side-project...
silvestar.codes
:overflow ✣ S.Bistrović
Invalid CSS features CSS declarations that are not valid and non-existing. For example, :overflow.
010
Reposted by Silvestar Bistrović
Manuel Matuzović @matuzo.at · 17/08/2026
Here is the 2026 edition of the HTML boilerplate I use for websites I build! Let me know if there's anything else I should consider including! matuzo.at/blog/2026/ht...
matuzo.at
My HTML boilerplate in 2026 - Manuel Matuzovic
Every element I use for the basic structure of a HTML document, with explanations why.
717935
Silvestar Bistrović @silvestar.codes · 17/08/2026
Sometimes designers have silly ideas that eventually grow on you. That happened to me with this concept where I had to build columns of items moving in
silvestar.codes
Using Scroll-Driven Animations for Opposing Scroll Directions ✣ S.Bistrović
Sometimes designers have silly ideas that eventually grow on you. That happened to me with this concept where I had to build columns of items moving in
131
Reposted by Silvestar Bistrović
Stefan Judis @stefanjudis.com · 05/08/2026
The State of Devs survey is open for participation. There's a lot of uncertainty and, frankly, occasionally I'm navigating a full-blown identity crisis. I'm very curious about whether I'm alone with these feelings and how bad the majority really feels... stateofdevs.com...
Pixel-art banner reading 'The State of Devs 2026', surrounded by icons and topic tags: Workplace, Career, Health, Hobbies, Mental State, Politics, AI, and Opinions.
3125
Reposted by Silvestar Bistrović
WebPerformance Report @webperfreport.bsky.social · 05/08/2026
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
Graphic titled “Report Catalog” showing five WebPerformance Report offerings: WebPageTest, HTTP Observatory, WAVE, GA4, and Google Search Console, marked as coming soon.
121
Silvestar Bistrović @silvestar.codes · 27/07/2026
.me
  :is(
    .husband,
    :has(> .daughters:nth-of-type(2))
  )
  :where(
    .new-achievement-unlocked
    :has(> .sons:nth-of-type(1))
  )
{
  content: "Veron";
  height: 54cm;
  weight: 4250g;
  date: "21/7/2026";
}
2100
Reposted by Silvestar Bistrović
Neciu Dan @neciudan.dev · 12/07/2026
📚 Community reads: → Silvestar Bistrović @silvestar.codes makes adjacent columns scroll in opposite directions with animation-timeline: view() css-tricks.com/scroll-driven-animat…
131
Reposted by Silvestar Bistrović
CSS-Tricks* @css-tricks.bsky.social · 22/06/2026
Using Scroll-Driven Animations for Opposing Scroll Directions by @silvestar.codes css-tricks.com/scroll-drive...
0173
Silvestar Bistrović @silvestar.codes · 22/06/2026
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.gg
🎯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.
140
Silvestar Bistrović @silvestar.codes · 21/06/2026
It's so nice to to see someone appreciates your work. Thanks for mention, @dominickjay.com!
030
Silvestar Bistrović @silvestar.codes · 11/06/2026
@cssday.nl Can I watch the conference online and how?
210
Silvestar Bistrović @silvestar.codes · 09/06/2026
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...
survey.devographics.com
State of CSS 2026
Take the State of CSS survey
020
Silvestar Bistrović @silvestar.codes · 04/06/2026
A holiday in Croatia = time for fine food!
A large peka baking tray filled with meat and vegetables, from pork hock and lamb to sweet potatoes, carrots, and potatoes - raw and ready for cooking.A large peka baking tray filled with meat and vegetables, from pork hock and lamb to sweet potatoes, carrots, and potatoes - half cooked.A large peka baking tray covered and buried under live coals.A large peka baking tray filled with meat and vegetables, from pork hock and lamb to sweet potatoes, carrots, and potatoes - cooked and ready for consumation.
100
Silvestar Bistrović @silvestar.codes · 01/06/2026
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
replacements.fyi - performant, safer npm package alternatives
Find more performant and safer replacements for outdated or unnecessary npm packages.
031
Silvestar Bistrović @silvestar.codes · 29/05/2026
Kevin Powell explains how Google's AI search shift threatens website traffic and ad revenue. www.youtube.com/watch?v=Xpk7... #ai #webdev
youtube.com
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:…
020
Silvestar Bistrović @silvestar.codes · 28/05/2026
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
jvns.ca
Moving away from Tailwind, and learning to structure my CSS
Moving away from Tailwind, and learning to structure my CSS
071
Reposted by Silvestar Bistrović
Zach Leatherman @zachleat.com · 28/05/2026
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.me
Build Awesome Pro
A better way to build web sites. Fast, flexible, and built to last.
153111
Silvestar Bistrović @silvestar.codes · 28/05/2026
Chris Coyier demonstrates animating focus rings with View Transitions. frontendmasters.com/blog/animati... #css
frontendmasters.com
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.
040
Silvestar Bistrović @silvestar.codes · 27/05/2026
Durgesh Rajubhai Pawar reveals cross-document view transition gotchas like timeouts and image warping. css-tricks.com/cross-docume... #css
css-tricks.com
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.
011
Silvestar Bistrović @silvestar.codes · 27/05/2026
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
010
Silvestar Bistrović @silvestar.codes · 27/05/2026
Ahmad Shadeed shows how to use the CSS round() function to ensure predictable fluid sizing. ishadeed.com/article/css-... #css
ishadeed.com
Better fluid sizing with round()
Using the round() function to get a more predictable fluid sizing.
031
Silvestar Bistrović @silvestar.codes · 26/05/2026
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
craigabbott.co.uk
Our CSS isn't opinionated enough
Why styling on semantics and roles could make accessibility harder to skip
042
Silvestar Bistrović @silvestar.codes · 26/05/2026
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
denodell.com
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?
000
Silvestar Bistrović @silvestar.codes · 25/05/2026
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
silvestar.codes
Issue #122 ✣ UI Dev Newsletter
In this issue: how browsers treat big sites differently, fluid sizing with round(), animating focus rings, and more.
141
Silvestar Bistrović @silvestar.codes · 22/05/2026
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...
silvestar.codes
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.
030
Silvestar Bistrović @silvestar.codes · 20/05/2026
I like websites
050
Silvestar Bistrović @silvestar.codes · 19/05/2026
i.redd.it/the-arsenal-...
Arsenal 2025/2026 Premier League Champions!
000
Silvestar Bistrović @silvestar.codes · 18/05/2026
Yassine Bouanane introduces Liquid Glass, a WebGL library for realistic glass effects on HTML elements. liquid-glass.ybouane.com #webgl #html #webdev #ui
liquid-glass.ybouane.com
LiquidGlass
Realistic WebGL glass effects for any HTML element — refraction, blur, chromatic aberration, specular highlights, and more.
020
Silvestar Bistrović @silvestar.codes · 18/05/2026
Laura Kalbag makes her 2017 book on web accessibility freely available to the community. accessibilityforeveryone.site #a11y #accessibility #webdev
accessibilityforeveryone.site
Accessibility For Everyone by Laura Kalbag
Read the book online for free.
051
Silvestar Bistrović @silvestar.codes · 15/05/2026
Nicolas Charpentier explains why migrating from Yarn Classic to Yarn Berry is essential for fixing transitive CVEs. charpeni.com/blog/stop-us... #yarn #webdev
charpeni.com
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.
010
Silvestar Bistrović @silvestar.codes · 14/05/2026
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
thatprivacyguy.com
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…
010
Silvestar Bistrović @silvestar.codes · 14/05/2026
Steven Langbroek reveals how greed, not AI, is destroying the tech industry's future. www.stvn.sh/writing/prog... #ai #webdev #programming
stvn.sh
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…
020
Silvestar Bistrović @silvestar.codes · 13/05/2026
Adam Argyle shares new CSS features now live in all browsers. nerdy.dev/CSS-recently... #css #webdev #ui
nerdy.dev
CSS Recently In All Browsers · April 26, 2026
New CSS you feel like you could use today
030
Silvestar Bistrović @silvestar.codes · 13/05/2026
Ike Saunders describe a CSS filter for adding aesthetic noise dithering to images (without saving bandwidth). ikesau.co/blog/ditheri... #css #webdev #ui
ikesau.co
dithering with css | ikesau.co
The website of Ike Saunders
020
Silvestar Bistrović @silvestar.codes · 12/05/2026
Jim Nielsen demonstrates how replacing JavaScript with HTML navigation and CSS view transitions simplifies development. blog.jim-nielsen.com/2026/out-wit... #html #webdev #ui
blog.jim-nielsen.com
Out With the JS, In With the HTML
Writing about the big beautiful mess that is making things for the world wide web.
030