Tim Narr's Avatar

Tim Narr

@tim-narr

I'm a Freelance Frontend Developer and UI Engineer from Lüneburg, near Hamburg. I love to develop efficient frontend solutions and work with high design affinity and a strong focus on UI engineering, responsive design, web performance and accessibility

61
Followers
286
Following
5
Posts
07.12.2024
Joined
Posts Following

Latest posts by Tim Narr @tim-narr

The CSSWG just resolved to add this to the spec 🥳

github.com/w3c/csswg-dr...

29.01.2026 23:18 👍 158 🔁 23 💬 7 📌 2
Try text scaling support in Chrome Canary - Josh Tumath

Excitingly, Chrome Canary recently added support for <meta name="text-scaling"> behind a flag.

What is it? It's something that we're all going to start using on our websites to improve accessibility. Here's a blog post with more info. www.joshtumath.uk/posts/2026-0...

27.01.2026 11:12 👍 51 🔁 18 💬 3 📌 1
Preview
GitHub - cassidoo/better-security-questions: Better security questions for easy use in your projects Better security questions for easy use in your projects - cassidoo/better-security-questions

If you need security questions in your application, perhaps consider something better than your mother's maiden name.

github.com/cassidoo/bet...

13.07.2025 18:17 👍 33 🔁 3 💬 3 📌 1
Video thumbnail

You can now play with CSS gap decoration in Chromium 139+!

Learn more: developer.chrome.com/blog/gap-dec...

Try it out (current Canary w/experimental web platform features flag): microsoftedge.github.io/Demos/css-ga...

11.06.2025 15:13 👍 100 🔁 18 💬 5 📌 3
Post image

If you load this page it contacts 82 IP addresses executing 256 separate HTTP transactions to download 18MB of data writing 64 cookies to your device to tell you “no”

24.05.2025 10:37 👍 14968 🔁 4471 💬 147 📌 241
Post image Post image Post image Post image

Falls ihr Usecases für den offiziellen Bild.de Chatbot sucht - der Bot kann auf alle Bild-Artikel seit 2021 zugreifen und ist sehr flexibel in der Kontextualisierung :)

17.05.2025 07:43 👍 625 🔁 170 💬 16 📌 28

Fresh server and it’s already under attack?!
Interesting article by @jclermont.com on why securing your server from day 1 is a must

13.05.2025 18:27 👍 2 🔁 0 💬 0 📌 0
Preview
Atkinson Hyperlegible Font - Braille Institute Read easier with Atkinson Hyperlegible Font, crafted for low-vision readers. Download for free and enjoy clear letters and numbers on your computer!

A hyper #legible #font that looks good, is that even possible? The answer is yes: buff.ly/2wBNuRa and it is free.

I love how much thought went into differentiating similar letters. My 6y-old is learning to read and I see him confuse p,q or b,d.

Fantastic @brailleinstitute.bsky.social

19.03.2025 16:26 👍 11 🔁 2 💬 2 📌 0
Video thumbnail

#CSS only carousels arrive in Chrome 135

⤷ nerdy.dev/css-carousel...

20.03.2025 16:40 👍 223 🔁 42 💬 13 📌 6

Also if you know a woman in STEM affected by the current administration, please file an issue (github.com/MelSumner/wo...) or encourage them to do so!

Thank you for sharing this project.

20.02.2025 00:41 👍 6 🔁 5 💬 0 📌 0
Preview
Style-observer: JS to observe CSS property changes, for reals • Lea Verou I cannot count the number of times in my career I wished I could run JS in response to CSS property changes, regardless of what triggered them: media queries, user actions, or even other JS. Use cases...

🚀 🆕 style-observer: A robust solution for observing CSS property changes in JS.

Developed with @d12n.me’s help over the last month.

Made possible by the pioneering work of @bram.us, Artem Godin, @janeori.propjockey.io and many others!

Blog post: lea.verou.me/blog/2025/st...
Docs: observe.style

12.02.2025 15:03 👍 274 🔁 59 💬 6 📌 2

great examples 😍 I like z-stack too… reminds me of the Star Wars opening crawl 😅

06.02.2025 20:34 👍 2 🔁 0 💬 0 📌 0
Preview
kandidierendencheck Bundestagswahl 2025 | Wahlhilfe für deine Erststimme Vergleichen Sie Ihre Meinung mit der Ihrer Kandidierenden über 18 Themen zur Wahl! Jetzt mitmachen!

🔔 Unser #kandidierendencheck ist online: 18 Thesen beantworten - und ihr erfahrt, welche Kandidierenden in eurem Wahlkreis so denken wie ihr. 👇
www.kandidierendencheck.de/bundestag

03.02.2025 08:27 👍 328 🔁 154 💬 11 📌 15
font-size: min(2em, 2rem);
padding: clamp(10px, 5vw, 30px);
margin: max(2lh, 2em);

2em is crossed out
10px, 5vw is crossed out
2em is crossed out

font-size: min(2em, 2rem); padding: clamp(10px, 5vw, 30px); margin: max(2lh, 2em); 2em is crossed out 10px, 5vw is crossed out 2em is crossed out

You can now see which value is the active value in min(), max() and clamp()

- in Canary DevTools today
- coming to Chrome stable soon!

30.01.2025 19:19 👍 350 🔁 38 💬 3 📌 6
Blink: Intent to Prototype: CSS if() function Blink: Intent to Prototype: CSS if() function

Blink: Intent to Prototype: CSS if() function

28.01.2025 10:03 👍 31 🔁 14 💬 0 📌 4

Great blog post :) I think serving brotli-precompressed files is really underrated and it's possible even on the cheapest shared-hosting plans with some .htaccess header and rewrite rules

24.01.2025 11:11 👍 2 🔁 0 💬 1 📌 0
Preview
Build for the Web, Build on the Web, Build with the Web – CSS Wizardry What is the real, long-term cost of adopting a JavaScript framework?

🧠 Some brief thoughts on front-end frameworks and upgrade hell:
csswizardry.com/2025/01/buil...

23.01.2025 13:09 👍 107 🔁 41 💬 9 📌 2
Preview
Accessibility Statement | The White House This commitment to accessibility for all begins with this site and our efforts to ensure all functionality and all content is accessible to all Americans.

Well, the new administration already took down the White House #Accessibility Statement. Original page from the WayBack Machine here: web.archive.org/web/20250118185419/https://www.whitehouse.gov/accessibility/ Broken link: whitehouse [dot] gov [slash] accessibility #a11y #Accessibility #disability

21.01.2025 20:16 👍 108 🔁 79 💬 10 📌 22
Video thumbnail

#CSS scroll-state() container queries
in Chrome 133!

@container scroll-state(stuck: top) {

}

Read all about snapped, stuck and scrollable in this post:
developer.chrome.com/blog/css-scr...

↪ nerdy.dev/scroll-state...

15.01.2025 20:21 👍 366 🔁 59 💬 12 📌 11

Wow, so many great new features 😍

15.01.2025 21:15 👍 1 🔁 0 💬 0 📌 0

Happy Birthday 🎉❤️🍾

09.01.2025 22:23 👍 2 🔁 0 💬 0 📌 0
Preview
Async css · Issue #3983 · whatwg/html Allow css files to be marked as async meaning that they will not block rendering. The syntax could be a new attribute on the link element or a new value for "rel" attribute (that already have link ...

It's long past time we had a standard way to load CSS asynchronously. link[async] should work just like the tried and true print-media hack, but without the major downside of javascript reliance for applying CSS.

Join me with a plus one here? github.com/whatwg/html/...

09.01.2025 21:46 👍 26 🔁 5 💬 2 📌 0
Preview
Let's Standardize Async CSS! | Scott Jehl, Web Designer/Developer We need async CSS loading let's make some noise.

To the blog! Let's Standardize Async CSS!
scottjehl.com/posts/async-...

09.01.2025 22:20 👍 46 🔁 12 💬 5 📌 1