Silvestar Bistrović

Yet Another Way to Center an (Absolute) Element | CSS-Tricks TL;DR: We can center absolute-positioned elements in three lines of CSS. And it works on all browsers!

Juan Diego Rodríguez describes a modern CSS technique for centering absolutely-positioned elements using the align-self, justify-self, and inset properties.

css-tricks.com/yet-another-...

Define the Theme Color for Safari 26 With theme_color unshipped, what are our options to control the background color of Safari 26 browser UI?

Martin Grubinger explores how Safari 26 sets the header background color.

grooovinger.com/notes/2026-0...

Goodbye innerHTML, Hello setHTML: Stronger XSS Protection in Firefox 148 – Mozilla Hacks - the Web developer blog Cross-site scripting (XSS) remains one of the most prevalent vulnerabilities on the web. The new standardized Sanitizer API provides a straightforward way for web developers to sanitize untrusted HTML...

Tom Schuster, Frederik Braun, and Christoph Kerschbaumer explain the Sanitizer API, a new web security standard that helps prevent cross-site scripting attacks.

hacks.mozilla.org/2026/02/good...

#html #webdev

I think this is a good a thing. 🤞

Standard HTML Video & Audio Lazy-loading is Coming! | Scott Jehl, Web Designer/Developer A quick update on my team's work to bring video and audio lazy loading to browsers today

Scott Jehl introduces the upcoming native loading=lazy support for HTML video and audio elements, now testable in Chrome Canary.

scottjehl.com/posts/lazy-m...

Issue #116 ✣ UI Dev Newsletter In this issue: lazy loading for video and audio, the setHTML function, scroll-triggered animations, and more.

Issue #116 of the UI Dev Newsletter is out!

In this issue: lazy loading for video and audio, the setHTML function, scroll-triggered animations, and more.

www.silvestar.codes/side-project...

🎉 Looking for new work.

15 years front-end dev + Design Systems specialist.

I help folks build, maintain & transform design systems.

I'm also available for focused projects, front-end builds, codebase modernisation.

Short to long term.

Let's chat - stu@alwaystwisted.com

reposts appreciated <3

Every layout announcement makes me go:

Shit, more people to compete with.

Every great website starts with an organized head Learn how a strategic head setup improves your search ranking, social sharing, and long-term business growth.

Every great website starts with an organized head

www.cita.hr/en/blog/head...

#html #webdev

HTML Form inspector | Polypane Paste your HTML form code to get a detailed overview of its structure and fields.

Polypane provides a tool to analyze HTML form structure and fields.

polypane.app/form-inspect...

#html #webdev

Stop generating, start thinking - localghost Instead of wanting to learn and improve as humans, and build better software, we’ve outsourced our mistakes to an unthinking algorithm.

Sophie Koonin explains the dangers of relying on LLM-generated code, emphasizing loss of skill, accountability, and critical thinking in software development.

localghost.dev/blog/stop-ge...

Modern CSS Code Snippets | modern.css A collection of modern CSS code snippets. Every old CSS hack next to its clean, native replacement, side by side.

Naeem shares modern CSS techniques replacing old hacks.

modern-css.com

How to use the "auto" value with clamp() A CSS trick to use clamp() with sizing values like auto, min-content, max-content, etc

Temani Afif shares the topic of using calc-size() to allow auto, min-content, and max-content in clamp() (Chrome-only).

css-tip.com/clamp-auto/

I suck at marketing of any sort.

Sorry, my side projects and my career, I guess.

Score Calculator | UltiGameMate Try the UltiGameMate scoring system on any match. Enter match stats and see the score breakdown.

UltiGameMate Calculator: fpl.ultigamemate.com/calculator/.

Screenshot showing Club Brugge and Atletico Madrid score on the UltiGameMate Calculator page.

UltiGameMate is introducing Calculator where anyone can enter any match data and it will calculate UltiGameMate score for you.

That means you can add any match, not just Premier League, and see how exciting it was.

A Broken Heart Or, getting a 100x speedup with one dumb line of code.

Allen Pike describes how a single emoji caused a 100x slowdown in Safari due to Noto Color Emoji font issues.

allenpike.com/2026/a-broke...

Underlining Links With CSS A practical guide to styling link underlines with modern CSS text-decoration properties. Perfect for bookmarking when you need a quick reference!

Stuart Robson shares how modern CSS text-decoration properties allow precise control over link underlines.

www.alwaystwisted.com/articles/und...

How I built UltiGameMate with Eleventy and Supabase ✣ S.Bistrović Learn how I built UltiGameMate using Eleventy and Supabase, combining JAMstack with dynamic features.

Learn how I built UltiGameMate using Eleventy and Supabase, combining JAMstack with dynamic features.

#11ty #eleventy

Performance-Optimized Video Embeds with Zero JavaScript Putting a YouTube video inside a closed details element means it won't load until that details element is opened. We can use that.

Stefan Bauer explains how to lazy-load videos above the fold using HTML details and summary for performance, without JavaScript.

frontendmasters.com/blog/perform...

What It Really Costs to Run a WordPress Website in 2026 - ICW Digital Now that we have fully eased into 2026 I thought it was time to look again at the costs of running and maintaining a website. I last looked at this topic back in 2019 and I can’t quite believe how qui...

Paul Edwards provides updated WordPress website running costs for 2026, comparing expenses from 2019 across hosting, security, and maintenance.

icw.digital/blog/what-co...

Subscribe ✣ UI Dev Newsletter UI Dev Newsletter is a hand-curated list of articles, tutorials, and tools related to User Interface development delivered to your inbox every two weeks.

Subscribe to the latest UI Dev news here:

www.silvestar.codes/side-project...

Issue #115 ✣ UI Dev Newsletter In this issue: WordPress costs in 2026, Safari emoji slowdown, clamp() with auto, HTML form inspector, and more.

Issue #115 of the UI Dev Newsletter is out!

In this issue: WordPress costs in 2026, Safari emoji slowdown, clamp() with auto, HTML form inspector, and more.

www.silvestar.codes/side-project...

Round 26 | UltiGameMate Round 26 brought a goalless match that generated the most points, thanks to standout saves, highlighting the defensive impact in UltiGameMate scoring.

🚨 UltiGameMate Round 26 Recap 🚨

A goalless match with standout saves steals the show! Discover how defense can rack up points in fantasy football.

Read more: ultigamemate.beehiiv.com/p/round-26

#FantasyFootball #UltiGameMate #FootballStats

oklchanger - Visual Studio Marketplace Extension for Visual Studio Code - Convert any colors to oklch.

A friendly reminder that you can convert any color to oklch in VS Code quite easily.

marketplace.visualstudio.com/items?itemNa...

Clamp it! - Visual Studio Marketplace Extension for Visual Studio Code - CSS clamp() function generator. Generates clamp() functions with parameters in the following order: mobile font size, desktop font size, minimum viewport width,…

A friendly reminder that you can generate clamp() function in VS Code quite easily.

marketplace.visualstudio.com/items?itemNa...

UltiGameMate Fantasy football that celebrates great games.

UltiGameMate is live on IndieHacker!

www.indiehackers.com/product/ulti...

So you're pro in using max?

Oh, this is Max. 🙈

Home | UltiGameMate Fantasy football app that celebrates great games. Pick exciting matches, earn points for goals and saves.

If anyone is interested, I'm working on UltiGameMate - a fantasy football game that celebrates great matches.

fpl.ultigamemate.com