Martin Grubinger's Avatar

Martin Grubinger

@grooovinger

Builder of web-things. I want the #web to win. Lead Frontend Developer at Geizhals Preisvergleich. DIY woodworker. #HTML – #CSS πŸ₯° – #JavaScript – #Svelte 🀩 https://grooovinger.com

124
Followers
375
Following
100
Posts
07.01.2025
Joined
Posts Following

Latest posts by Martin Grubinger @grooovinger

Preview
Akten ausgewertet: Epsteins Friedensinstitut in Wien Terje Rod-Larsen, ein enger Freund und GeschÀftspartner von Jeffrey Epstein, leitete das International Peace Institute (IPI), das auch einen Sitz in Wien hatte. Recherchen des ORF zeigen: Das Außenmin...

Der norwegische Diplomat Terje RΓΈd-Larsen ist der SchlΓΌssel zu Epsteins großem Fußabdruck in Wien. Ich habe wochenlang zum β€žInternational Peace Instituteβ€œ in Wien recherchiert.

orf.at/stories/3422...

05.03.2026 21:07 πŸ‘ 337 πŸ” 99 πŸ’¬ 14 πŸ“Œ 4
Preview
Request for developer feedback: focusgroup Β |Β  Blog Β |Β  Chrome for Developers Try out focusgroup and comment on the proposal.

Open UI has been working on speccing out the focusgroup attribute: a declarative way to support roving focus & add keyboard nav to composite widgets like toolbars/menus

We'd love your feedback!

Learn more & see open questions: developer.chrome.com/blog/focusgr...

H/t to Edge folks for prototyping

05.03.2026 16:54 πŸ‘ 68 πŸ” 20 πŸ’¬ 6 πŸ“Œ 2
Svelte goes beyond the DOM
Svelte goes beyond the DOM Svelte is well loved as a web framework, and now the team is working to take it multi-platform. Svelte’s custom renderers API will enable native apps, terminals, and more to be build with Svelte.…

This evening, @paolo.ricciuti.me will join @codetv.dev's The Web Dev Podcast to talk about our work on the Svelte Custom Renderers Initiative! Check it out if you’re interested in rendering beyond the DOM with Svelte πŸ™Œ

Tune in at 18:30 CET πŸ‘‰Β www.youtube.com/watch?v=nPac...

#Svelte #SvelteKit

05.03.2026 09:17 πŸ‘ 18 πŸ” 5 πŸ’¬ 0 πŸ“Œ 0
Your skip link targets don't need tabindex=-1 to work properly - Manuel Matuzovic I'm a frontend developer in Graz, specialized in HTML, accessibility, and CSS layout and architecture.

Recently, someone posted on LinkedIn that skip links are often broken because their target elements are missing a `tabindex` attribute. I was really surprised to see that because I thought that was an issue of the past. That's why I decided to test it.

matuzo.at/blog/2026/sk...

04.03.2026 19:37 πŸ‘ 31 πŸ” 8 πŸ’¬ 7 πŸ“Œ 0
Preview
Ludwig holt Ex-ORF-Chef Wrabetz als KI-Medienberater ins Team Wrabetz soll sich als Schnittstelle zwischen der Stadt Wien und den Unternehmen um KI kΓΌmmern. Angesiedelt ist die ehrenamtliche Stelle in der Wien Holding

Ein GlΓΌck, dass es gelungen ist, dieses KI-Supertalent in Γ–sterreich zu halten, bevor wieder OpenAI anklopft www.derstandard.at/story/300000...

04.03.2026 10:24 πŸ‘ 66 πŸ” 6 πŸ’¬ 7 πŸ“Œ 1

Epic!
github.com/platformatic...

03.03.2026 18:46 πŸ‘ 4 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0

Every Node.js developer has lost a background job to a server restart.

We just open-sourced @platformatic/job-queue, a new queue library built for reliability from day one.

Deduplication, retries, request/response, graceful shutdown. All out of the box.
πŸ§΅πŸ‘‡

03.03.2026 16:59 πŸ‘ 21 πŸ” 4 πŸ’¬ 3 πŸ“Œ 1
Preview
Build Awesome Seamless collaboration, professional-grade tools, and beautiful templates all in one place.

I just backed Build Awesome on @kickstarter.com www.kickstarter.com/projects/fon...

03.03.2026 16:47 πŸ‘ 5 πŸ” 3 πŸ’¬ 0 πŸ“Œ 0
Preview
Temporal - JavaScript | MDN The Temporal object enables date and time management in various scenarios, including built-in time zone and calendar representation, wall-clock time conversions, arithmetics, formatting, and more. It is designed as a full replacement for the Date object.

JavaScript's date object has been tricky for years, but that is changing.

The NEW Temporal API brings,
🌍 Easily handle time zones
πŸ“† Precise date math
πŸ•’ Parse ISO strings without errors
βŒ› Durations, date ranges, and more.

Start experimenting πŸ‘‡
developer.mozilla.org/en-US/docs/...

02.03.2026 21:00 πŸ‘ 97 πŸ” 24 πŸ’¬ 3 πŸ“Œ 0
The Merger That Needed A War
The Merger That Needed A War YouTube video by The Drey Dossier

we're so fucking cooked
youtu.be/-TlYoVsW5ko?...

02.03.2026 17:55 πŸ‘ 4 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0

Oh right! I forgot about animation-range, great stuff!
I will update the article and demo tonight. Thank you!

02.03.2026 15:35 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

If only Safari supported `viewport-fit=cover` in Portrait Mode on iOS. The combo with the safe-area insets gives you full control over which colors to use where.

(For completeness: They support `viewport-fit=cover` in Landscape mode on iOS. And on iPadOS they do nothing but the cover behavior)

02.03.2026 09:36 πŸ‘ 13 πŸ” 2 πŸ’¬ 1 πŸ“Œ 0

Thanks Manuel! I wasn't aware the frustration was so obvious, but oh well, it's the truth πŸ˜„

02.03.2026 15:33 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Notes Collection of notes

I plan to publish more on grooovinger.com/notes
(with the occasional posts around Svelte too!)

01.03.2026 14:42 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

The attacks on Iran are illegal

They constitute aggression

Pre-emptive self-defence would only be legal if an attack by Iran was imminent and that’s simply not the case

Iran now has the right to self-defence

Every country can support Iran in exercising its right to self-defence

28.02.2026 08:52 πŸ‘ 65 πŸ” 19 πŸ’¬ 3 πŸ“Œ 4
Preview
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?

It bugged me that it is not obvious how Safari 26 decides which background color to use for its browser chrome. I wrote about what I found out so far, including a trick to apply a custom theme color and a demo:

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

28.02.2026 12:30 πŸ‘ 14 πŸ” 1 πŸ’¬ 1 πŸ“Œ 3
Preview
Native Random Values in CSS The CSS Working Group has published the Values and Units Module Level 5, which introduces native mechanisms for generating random content using only CSS. This is the tl;dr of a longer article explorin...

CSS is getting native randomness 🎲

random() and random-item() are coming with:

- per-element randomness
- step-based ranges
- shared value options
- zero JS required

I wrote an overview of the feature, how it works, and what browsers support it.

alvaromontoro.com/blog/68092/n...

#css #webdev

27.02.2026 16:02 πŸ‘ 46 πŸ” 11 πŸ’¬ 3 πŸ“Œ 1

I don't know if anyone actually subscribed to my blog via RSS, but I just noticed I've been listing "draft" posts in the RSS feed as well. Whoopsi πŸ™ˆ
grooovinger.com/rss.xml now without all the draft posts πŸ˜„

27.02.2026 12:35 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

#TIL Safari 26 supports local overrides for network requests.
webkit.org/web-inspecto... suggests this feature existed since January 2020, can this be true?

27.02.2026 12:14 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

SvelteKit 2 now fully supports Vite 8

SvelteKit 3 will require it - giving additional optimizations and functionality. E.g. SvelteKit 3 will use @rolldown.rs hook filters to spend more compilation time in rust and less in JavaScript. And SvelteKit 3 adapters use only rolldown without esbuild

27.02.2026 00:40 πŸ‘ 97 πŸ” 11 πŸ’¬ 1 πŸ“Œ 1
Preview
Style sticky elements when they are stuck It is now possible to detect if a position: sticky element is stuck with CSS.

Style sticky elements when they are stuck

It's pretty awesome that we can now (somewhat) check if an element ist stuck. If used in a progressive enhancement manner, you might be able to use it in production today.

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

25.02.2026 08:55 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

Have you seen our Olympic medal count visualization?
BTW: To generate the Olympic medal scarfs, we render it on HTML canvas. A powerful drawing technology, but inherently non-interactive. We wanted the medals to be clickable. So: How do you render an interactive canvas?
A technical deep-dive #Svelte

23.02.2026 13:46 πŸ‘ 23 πŸ” 5 πŸ’¬ 1 πŸ“Œ 0
Preview
Why I choose Svelte - Mainmatter We know Svelte is THE best framework (😎)...but why? Let's explore why (and when) I think Svelte is the right choice for you

What makes Svelte the right choice for modern frontend projects? And when is it not? In this blog post, @paolo.ricciuti.me breaks down the advantages and limitations of Svelte, and what that means for your next product decision.

Read the post πŸ‘‰Β mainmatter.com/blog/2026/02...

#svelte #sveltekit

24.02.2026 09:31 πŸ‘ 33 πŸ” 8 πŸ’¬ 0 πŸ“Œ 5
Video thumbnail

Out with :nth-child(), in with :sibling-index()! Just so satisfying to use.

* no Firefox yet

23.02.2026 20:39 πŸ‘ 146 πŸ” 19 πŸ’¬ 5 πŸ“Œ 5
Preview
Firefox 148 release notes for developers (Stable) - Mozilla | MDN This article provides information about the changes in Firefox 148 that affect developers. Firefox 148 was released on February 24, 2026.

Firefox 148 is out now, and adds some great web platform features:

πŸŽ‰ The HTML Sanitizer API
πŸŽ‰ CSS shape()
πŸŽ‰ Trusted Types
πŸŽ‰ Nav API's addHandler
πŸŽ‰ Iterator zip & zipKeyed
πŸŽ‰ ancestorOrigins

And more!

developer.mozilla.org/en-US/docs/M...

24.02.2026 14:10 πŸ‘ 98 πŸ” 20 πŸ’¬ 2 πŸ“Œ 2
Preview
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…

The Sanitizer API landed in Firefox 148, along with element.setHTML().

This lets you fully configure how HTML strings are cleaned as they're parsed.

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

24.02.2026 14:18 πŸ‘ 203 πŸ” 58 πŸ’¬ 1 πŸ“Œ 14

> But I guess the one true way out of this mess is to have simpler designs to begin with.

πŸ’―

23.02.2026 07:03 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Breakpoints Screen resolutions and the 320/360 devide mishap.

Part One of my miniseries about edge cases in web design:

What is the agreed-upon minimum resolution? 320px, 360px?

It’s complicated.
cssence.com/2026/breakpo...

#CSS #WebDesign

23.02.2026 05:35 πŸ‘ 8 πŸ” 3 πŸ’¬ 4 πŸ“Œ 0
Video thumbnail

New in Svelte: Comments inside component/element tags!

20.02.2026 13:15 πŸ‘ 158 πŸ” 18 πŸ’¬ 11 πŸ“Œ 7

I am so happy this landed!

20.02.2026 18:34 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0