Martin Grubinger

@grooovinger
181 Followers
644 Following
1.6K Posts
Builder of web-things. I want the #web to win.
Lead Frontend Developer at Geizhals Preisvergleich.
DIY woodworker.
LocationSt. Pölten/Vienna, Austria
Websitehttps://grooovinger.com
Tech#HTML#CSS 🥰 – #JavaScript – #Svelte 🤩
Other#woodworking
Sneaky Header Blocker Trick • Josh W. Comeau

There is a lil’ UI detail on this blog. Most people don’t even notice it, but the ones who do often reach out, asking how on earth it works. It feels like it defies the rules of CSS! In this blog post, I’ll break down the surprisingly-straightforward implementation so you can start using this trick yourself.

✍️ New post: The Shape of Friction

I wrote a short blog post reply to @davatron5000’s recent post (👏) about generative AI, friction, and people.

https://matthiasott.com/notes/the-shape-of-friction

The Shape of Friction · Matthias Ott

Web design engineer, UX designer, teacher, and speaker – helping teams build websites and digital products with a focus on CSS, accessibility, and performance.

Matthias Ott – Web Design Engineer

Try the latest `<color-input>` concept:

⚓️ anchor() progressive enhancement
🤖 workers for color compute
🙈 new animations & interactions
🎨 gamut boundaries, mapping, stretching
☯️ contrast scores
& much more

https://nerdy.dev/rfc-latest-color-input-concept

Well, I have now been quoted calling SpaceX "fuckweasels" in a real publication by real journalists: https://au.pcmag.com/ai/116598/spacex-to-start-small-with-1-million-satellite-plan-pushes-back-on-critics

I guess I am proud of myself? (They are, indeed, fuckweasels, for their complete lack of care for the atmosphere that we all depend on, as well as not caring about Kessler Syndrome, or light pollution, or smashing people on the ground...)

SpaceX To Start Small With 1 Million Satellite Plan, Pushes Back On Critics

The company's rebuttal to the FCC mentions launching orbital data center constellation in phases, and studying potential atmospheric impacts. SpaceX also threw plenty of shade at Amazon.

PCMag Australia

heads up, just got this notice from Vercel

> Optional AI model training
> You may choose whether to allow Vercel to:
> * Use your code and Vercel agent chats to improve Vercel models
> * Share your code and Vercel agent chats with AI model providers
> Defaults by plan for optional AI model training:
> Hobby (including Trial Pro): Opted in for AI model training by default, with self-serve opt-out in Team and Project Settings

https://vercel.com/changelog/updates-to-terms-of-service-march-2026

Updates to Terms of Service - Vercel

We’ve updated our Terms of Service and Privacy Notice to reflect how Vercel uses data to improve agentic capabilities for our users and support the AI ecosystem 

Vercel

It is incredible to me that stuff like this is possible now with a few lines of #CSS only.

See it live: https://grooovinger.com/notes (on screens smaller than ~1000px the year is inlined without an animation though)

Did we come up with a standardized "No AI was used to create this work" badge yet?

In a significant win for smaller browsers, the open web, and the 🇪🇺EU’s Digital Markets Act (DMA), Google has agreed to place the browser selected through the EU browser choice screen directly in the Pixel homescreen hotseat (replacing Chrome).

https://open-web-advocacy.org/blog/google-backs-down--will-grant-hotseat-in-eu-browser-choice-screen/
🧵👇 (1/7)

Google Backs Down: Will Grant Hotseat in EU Browser Choice Screen - Open Web Advocacy

Open Web Advocacy

Remember when Yahoo! recorded live music and put it online? lol nobody does, but I'm still glad I got to see The Mars Volta for free (I managed to get into the show via MySpace too!)

https://www.youtube.com/watch?v=ZohJIiVUJNM

The Mars Volta - Wax Simulacra (Yahoo! Live Sets)

YouTube

🎉 new blogpost 🎉

Un-Sass'ing My CSS: Native CSS Nesting

Nesting was a dream feature in Sass and it's recently become 'native' in CSS.

This post covers syntax, specificity, real patterns, and the key differences you need to know.

https://www.alwaystwisted.com/articles/UnSassing-my-CSS-nesting

#CSS #Sass #FrontEnd #WebDev

Un-Sass'ing My CSS: Native CSS Nesting Always Twisted

Learn how to use native CSS nesting in modern browsers. Understand the & selector, specificity rules, differences from Sass, and when to use nesting with practical examples for components, themes, and accessibility.

Always Twisted