Tim Narr
tim-narr.bsky.social
Tim Narr
@tim-narr.bsky.social
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
Reposted by Tim Narr
If you need security questions in your application, perhaps consider something better than your mother's maiden name.

github.com/cassidoo/bet...
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
github.com
July 13, 2025 at 6:17 PM
Reposted by Tim Narr
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...
June 11, 2025 at 3:14 PM
Reposted by Tim Narr
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”
May 24, 2025 at 10:37 AM
Reposted by Tim Narr
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 :)
May 17, 2025 at 7:44 AM
Fresh server and it’s already under attack?!
Interesting article by @jclermont.com on why securing your server from day 1 is a must
Very little surprises me on the internet these days, but I was surprised to see my brand new server already being probed for exploits, and even targeting my brand new secret staging domain. How could this happen? masteringlaravel.io/daily/2025-0...
Your brand new server is already getting attacked | Mastering Laravel
Don't let your guard down
masteringlaravel.io
May 13, 2025 at 6:27 PM
Reposted by Tim Narr
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
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!
buff.ly
March 19, 2025 at 4:26 PM
Reposted by Tim Narr
#CSS only carousels arrive in Chrome 135

nerdy.dev/css-carousel...
March 20, 2025 at 4:40 PM
Reposted by Tim Narr
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.
oh so hey I kind of have started that women in stem open source project.

DNS stuff still churning but repo is here: github.com/MelSumner/wo...

Feel free to fork, open issues, etc. It's just a static site RN. My goal is to make it as easy as possible to contribute.

#womenInStem
February 20, 2025 at 12:41 AM
Reposted by Tim Narr
🚀 🆕 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
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...
lea.verou.me
February 12, 2025 at 3:03 PM
Reposted by Tim Narr
🔔 Unser #kandidierendencheck ist online: 18 Thesen beantworten - und ihr erfahrt, welche Kandidierenden in eurem Wahlkreis so denken wie ihr. 👇
www.kandidierendencheck.de/bundestag
kandidierendencheck Bundestagswahl 2025 | Wahlhilfe für deine Erststimme
Vergleichen Sie Ihre Meinung mit der Ihrer Kandidierenden über 18 Themen zur Wahl! Jetzt mitmachen!
www.kandidierendencheck.de
February 3, 2025 at 8:28 AM
Reposted by Tim Narr
You can now see which value is the active value in min(), max() and clamp()

- in Canary DevTools today
- coming to Chrome stable soon!
January 30, 2025 at 7:19 PM
Reposted by Tim Narr
Blink: Intent to Prototype: CSS if() function
Blink: Intent to Prototype: CSS if() function
Blink: Intent to Prototype: CSS if() function
groups.google.com
January 28, 2025 at 10:03 AM
Reposted by Tim Narr
🧠 Some brief thoughts on front-end frameworks and upgrade hell:
csswizardry.com/2025/01/buil...
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?
csswizardry.com
January 23, 2025 at 1:09 PM
Reposted by Tim Narr
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
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.
web.archive.org
January 21, 2025 at 8:16 PM
Reposted by Tim Narr
#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...
January 15, 2025 at 8:21 PM
Wow, so many great new features 😍
bram.us Bramus @bram.us · Jan 15
Chrome 133 goes beta today, with some very nice CSS/UI features:

* Advanced `attr()` function
* `:open` pseudo
* Scroll State Container Queries
* `text-box`, `text-box-trim`, and `text-box-edge`
* popover=hint
* Animation.overallProgress
* DOM state-preserving move
January 15, 2025 at 9:16 PM
Reposted by Tim Narr
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/...
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 ...
github.com
January 9, 2025 at 9:46 PM
Reposted by Tim Narr
To the blog! Let's Standardize Async CSS!
scottjehl.com/posts/async-...
Let's Standardize Async CSS! | Scott Jehl, Web Designer/Developer
We need async CSS loading let's make some noise.
scottjehl.com
January 9, 2025 at 10:20 PM