Anselm Hannemann
@helloanselm.bsky.social
Web problem solver. Freelance frontend developer, accessibility consultant, and Engineering Manager. I can help with organisational transformation and scalable codebases. Part-time Market Gardener.
https://helloanselm.com
https://helloanselm.com
Reposted by Anselm Hannemann
Firefox 146 ships improvements for CSS devs 🎨
• contrast-color() for WCAG-friendly contrast
• display-p3-linear color space
• text-decoration-inset
• scope at-rule now on by default
• -webkit-fill-available for better compat
Release notes 👇
developer.mozilla.org/en-US/docs/...
• contrast-color() for WCAG-friendly contrast
• display-p3-linear color space
• text-decoration-inset
• scope at-rule now on by default
• -webkit-fill-available for better compat
Release notes 👇
developer.mozilla.org/en-US/docs/...
Firefox 146 release notes for developers (Stable) - Mozilla | MDN
This article provides information about the changes in Firefox 146 that affect developers.
Firefox 146 was released on December 9, 2025.
developer.mozilla.org
December 12, 2025 at 4:00 AM
Firefox 146 ships improvements for CSS devs 🎨
• contrast-color() for WCAG-friendly contrast
• display-p3-linear color space
• text-decoration-inset
• scope at-rule now on by default
• -webkit-fill-available for better compat
Release notes 👇
developer.mozilla.org/en-US/docs/...
• contrast-color() for WCAG-friendly contrast
• display-p3-linear color space
• text-decoration-inset
• scope at-rule now on by default
• -webkit-fill-available for better compat
Release notes 👇
developer.mozilla.org/en-US/docs/...
Reposted by Anselm Hannemann
Reposted by Anselm Hannemann
I'm hiring a Director of Product Engineering for our product team at @propublica.org. If you're an engineering leader in the US who wants to truly make a difference, we're a nonprofit newsroom investigating abuses of trust in the public interest. Please consider joining us. #amhiring
Director, Product Engineering
New York City, United States; Remote, United States
job-boards.greenhouse.io
December 11, 2025 at 3:17 PM
I'm hiring a Director of Product Engineering for our product team at @propublica.org. If you're an engineering leader in the US who wants to truly make a difference, we're a nonprofit newsroom investigating abuses of trust in the public interest. Please consider joining us. #amhiring
Reposted by Anselm Hannemann
Early still, but excited as this (Squarespace-sponsored 🖤) work to propose the addition of video[loading=lazy] to the HTML spec seems to be moving along nicely so far🤞. Great to see Mozilla's position go positive today. github.com/whatwg/html/...
Add support for video element lazy-loading via the loading attribute by scottjehl · Pull Request #11980 · whatwg/html
Specify support for the loading attribute for the video element using similar conventions to img and iframe, where the attribute already has precedent. Loading has possible values of eager and lazy...
github.com
December 11, 2025 at 4:55 PM
Early still, but excited as this (Squarespace-sponsored 🖤) work to propose the addition of video[loading=lazy] to the HTML spec seems to be moving along nicely so far🤞. Great to see Mozilla's position go positive today. github.com/whatwg/html/...
Reposted by Anselm Hannemann
Fine-tune multilingual typography with text-autospace ✨
It lets you control spacing between CJK and Latin characters.
> text-autospace: ideograph-alpha ideograph-numeric punctuation;
Now available on Baseline 2025. 🎉
Learn more 👇
developer.mozilla.org/en-US/docs/...
It lets you control spacing between CJK and Latin characters.
> text-autospace: ideograph-alpha ideograph-numeric punctuation;
Now available on Baseline 2025. 🎉
Learn more 👇
developer.mozilla.org/en-US/docs/...
December 11, 2025 at 12:00 PM
Fine-tune multilingual typography with text-autospace ✨
It lets you control spacing between CJK and Latin characters.
> text-autospace: ideograph-alpha ideograph-numeric punctuation;
Now available on Baseline 2025. 🎉
Learn more 👇
developer.mozilla.org/en-US/docs/...
It lets you control spacing between CJK and Latin characters.
> text-autospace: ideograph-alpha ideograph-numeric punctuation;
Now available on Baseline 2025. 🎉
Learn more 👇
developer.mozilla.org/en-US/docs/...
Reposted by Anselm Hannemann
Developer attempts to replicate "Liquid Glass" in CSS, and once finished realizes what she'd actually created is an exploit for a fundamental, previously unknown, and rather serious browser vulnerability
lyra.horse/blog/2025/12...
"CSS hack accidentally becomes regular hack"
lyra.horse/blog/2025/12...
"CSS hack accidentally becomes regular hack"
SVG Filters - Clickjacking 2.0
A novel and powerful twist on an old classic.
lyra.horse
December 5, 2025 at 2:03 AM
Developer attempts to replicate "Liquid Glass" in CSS, and once finished realizes what she'd actually created is an exploit for a fundamental, previously unknown, and rather serious browser vulnerability
lyra.horse/blog/2025/12...
"CSS hack accidentally becomes regular hack"
lyra.horse/blog/2025/12...
"CSS hack accidentally becomes regular hack"
Reposted by Anselm Hannemann
Daten sind das Wasser des digitalen Zeitalters! 🌊 Warum behandeln wir sie wie eine unendliche Ressource? Warum dieses Denken gefährlich ist und inwieweit ein Umdenken dringend erforderlich wäre, um digitale Verschwendung zu verringern, erfährst Du in der neusten Folge:
🎧 👉 workingdraft.de/691/
🎧 👉 workingdraft.de/691/
December 5, 2025 at 9:40 AM
Daten sind das Wasser des digitalen Zeitalters! 🌊 Warum behandeln wir sie wie eine unendliche Ressource? Warum dieses Denken gefährlich ist und inwieweit ein Umdenken dringend erforderlich wäre, um digitale Verschwendung zu verringern, erfährst Du in der neusten Folge:
🎧 👉 workingdraft.de/691/
🎧 👉 workingdraft.de/691/
Are AI and other tools helpful for accessibility testing of web apps? Here’s my insight — spoiler: Yes but not 100%. helloanselm.com/writings/too...
Tools won’t solve it entirely for you — Anselm Hannemann
helloanselm.com
December 3, 2025 at 1:42 PM
Are AI and other tools helpful for accessibility testing of web apps? Here’s my insight — spoiler: Yes but not 100%. helloanselm.com/writings/too...
Since Open Source does not work too well financially… this is how to become sustainable and keep your tool active? 🫤
December 3, 2025 at 1:39 PM
Since Open Source does not work too well financially… this is how to become sustainable and keep your tool active? 🫤
Reposted by Anselm Hannemann
Who wins when we filter the open web through an opaque system? asks glamorous Hidde. hidde.blog/filtered-ope...
Who wins when we filter the open web through an opaque system?
I would like it to be mostly the people, not mostly the tech companies.
hidde.blog
December 1, 2025 at 6:14 PM
Who wins when we filter the open web through an opaque system? asks glamorous Hidde. hidde.blog/filtered-ope...
And yes, this is an important accessibility detail if you use Popover for Toasts along with native Dialogs for modals: htmhell.dev/adventcalend...
Top layer troubles: popover vs. dialog - HTMHell
A collection of bad practices in HTML, copied from real websites.
htmhell.dev
December 1, 2025 at 10:01 AM
And yes, this is an important accessibility detail if you use Popover for Toasts along with native Dialogs for modals: htmhell.dev/adventcalend...
Quite nice summary of CSS in JS and how today I wouldn’t recommend choosing it anymore:
thenewstack.io/css-in-js-th...
thenewstack.io/css-in-js-th...
CSS-in-JS: The Great Betrayal of Frontend Sanity
CSS-in-JS promised simplicity but delivered performance issues. Learn why ditching it for native CSS solutions leads to faster, more maintainable web apps.
thenewstack.io
December 1, 2025 at 9:53 AM
Quite nice summary of CSS in JS and how today I wouldn’t recommend choosing it anymore:
thenewstack.io/css-in-js-th...
thenewstack.io/css-in-js-th...
In the past few days I’ve been analysing a couple of web apps and websites to check if tools can really help identify whether a website is accessible.
→ Lighthouse, ARC Toolkit, axe DevTools, Claude AI, Local LLM Models ✅
helloanselm.com/writings/too...
#accessibility #ai
→ Lighthouse, ARC Toolkit, axe DevTools, Claude AI, Local LLM Models ✅
helloanselm.com/writings/too...
#accessibility #ai
Tools won’t solve it entirely for you — Anselm Hannemann
helloanselm.com
December 1, 2025 at 9:45 AM
In the past few days I’ve been analysing a couple of web apps and websites to check if tools can really help identify whether a website is accessible.
→ Lighthouse, ARC Toolkit, axe DevTools, Claude AI, Local LLM Models ✅
helloanselm.com/writings/too...
#accessibility #ai
→ Lighthouse, ARC Toolkit, axe DevTools, Claude AI, Local LLM Models ✅
helloanselm.com/writings/too...
#accessibility #ai
Reposted by Anselm Hannemann
Decentralized Social Media should be funded from a European defense fund.
Social Media is critical infrastructure
sebastian.leaflet.pub
November 30, 2025 at 9:02 AM
Decentralized Social Media should be funded from a European defense fund.
Reposted by Anselm Hannemann
I've worked on a dark/light themed site and went all-in using `light-dark()`. So far, I've thought that I can use it as a `prefers-color-scheme` replacement...
I learned that there are some differences in how they treat `color-scheme`. 👇
www.stefanjudis.com/today-i-lear...
I learned that there are some differences in how they treat `color-scheme`. 👇
www.stefanjudis.com/today-i-lear...
November 27, 2025 at 8:54 AM
I've worked on a dark/light themed site and went all-in using `light-dark()`. So far, I've thought that I can use it as a `prefers-color-scheme` replacement...
I learned that there are some differences in how they treat `color-scheme`. 👇
www.stefanjudis.com/today-i-lear...
I learned that there are some differences in how they treat `color-scheme`. 👇
www.stefanjudis.com/today-i-lear...
I recently started to write about why freelancers are a vital part of companies to be successful and effective. Here are some insights on how it feels to be a freelancer in the web development industry.
Change, change, change = experience.
helloanselm.com/writings/ins...
Change, change, change = experience.
helloanselm.com/writings/ins...
Inside being a freelancer in web development — Anselm Hannemann
helloanselm.com
November 27, 2025 at 10:14 AM
I recently started to write about why freelancers are a vital part of companies to be successful and effective. Here are some insights on how it feels to be a freelancer in the web development industry.
Change, change, change = experience.
helloanselm.com/writings/ins...
Change, change, change = experience.
helloanselm.com/writings/ins...
Reposted by Anselm Hannemann
I wanted to write about this for a long time, but @adactio.com did it first and definitely better. Web frameworks should be invisible to the user, they serve us developers. Users don't care, and shouldn't pay the price neither.
Why use React?
Or, more precisely, why use React *in the browser*?
adactio.com
November 26, 2025 at 3:36 PM
I wanted to write about this for a long time, but @adactio.com did it first and definitely better. Web frameworks should be invisible to the user, they serve us developers. Users don't care, and shouldn't pay the price neither.
Why are XSS still a thing? Why do we have div-soups instead of semantic markup? Why is the web app slow?
Frontend engineering is complex and requirements are high. Consider using external input to improve the quality of your products.
helloanselm.com/writings/on-... #codeaudit #freelance #frontend
Frontend engineering is complex and requirements are high. Consider using external input to improve the quality of your products.
helloanselm.com/writings/on-... #codeaudit #freelance #frontend
On seniority and understanding the Web vs. knowing how to use Frameworks — Anselm Hannemann
helloanselm.com
November 26, 2025 at 10:42 AM
Why are XSS still a thing? Why do we have div-soups instead of semantic markup? Why is the web app slow?
Frontend engineering is complex and requirements are high. Consider using external input to improve the quality of your products.
helloanselm.com/writings/on-... #codeaudit #freelance #frontend
Frontend engineering is complex and requirements are high. Consider using external input to improve the quality of your products.
helloanselm.com/writings/on-... #codeaudit #freelance #frontend
Tips for good System Design. Things principal engineers, experienced freelancers and system design architects can do.
If you build an app, build it for 100 users. If you’re near this, scale it up. Not before. Tips from a Github engineer with great insights. www.youtube.com/watch?v=LeUU...
If you build an app, build it for 100 users. If you’re near this, scale it up. Not before. Tips from a Github engineer with great insights. www.youtube.com/watch?v=LeUU...
How to Think About System Design (GitHub Engineer's Perspective)
YouTube video by Beyond Coding
www.youtube.com
November 25, 2025 at 1:29 PM
Tips for good System Design. Things principal engineers, experienced freelancers and system design architects can do.
If you build an app, build it for 100 users. If you’re near this, scale it up. Not before. Tips from a Github engineer with great insights. www.youtube.com/watch?v=LeUU...
If you build an app, build it for 100 users. If you’re near this, scale it up. Not before. Tips from a Github engineer with great insights. www.youtube.com/watch?v=LeUU...
Sunce I’m not writing work.info anymore, it’s my favorite web dev newsletters. Thanks @stefanjudis.com for curating it!
This week's Web Weekly is just about to hit all the inboxes! 🥂
If you care about the web platform you should check it out!
www.stefanjudis.com/blog/web-wee...
If you care about the web platform you should check it out!
www.stefanjudis.com/blog/web-wee...
![Web Weekly 176
- light-dark() vs @media
- The enterkeyhint attribute
- The new random() function
- string[] or Array<string>
- Component styles with @scope
- :scope in querySelector()](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:w2nz7d2phfbrzyembuw7oxjj/bafkreidw3gtcsb3q7yc4mclf5sgfnm4zbhl4bssdvgdu7jmvu5otz7ayzi@jpeg)
November 25, 2025 at 12:39 PM
Sunce I’m not writing work.info anymore, it’s my favorite web dev newsletters. Thanks @stefanjudis.com for curating it!
Reposted by Anselm Hannemann
How broken is today's frontend culture?
A friend points out that the median *mobile* page is now larger than a copy of DOOM (2.6 MiB vs. 2.48 MiB), the 75th percentile page is more than 2 DOOMs, and the P90 mobile page is 4.5x the size of DOOM:
httparchive.org/reports/page...
A friend points out that the median *mobile* page is now larger than a copy of DOOM (2.6 MiB vs. 2.48 MiB), the 75th percentile page is more than 2 DOOMs, and the P90 mobile page is 4.5x the size of DOOM:
httparchive.org/reports/page...
HTTP Archive: Page Weight
This report tracks the size and quantity of many popular web page resources. Sizes represent the number of bytes sent over the network, which may be compressed.
httparchive.org
November 23, 2025 at 10:43 PM
How broken is today's frontend culture?
A friend points out that the median *mobile* page is now larger than a copy of DOOM (2.6 MiB vs. 2.48 MiB), the 75th percentile page is more than 2 DOOMs, and the P90 mobile page is 4.5x the size of DOOM:
httparchive.org/reports/page...
A friend points out that the median *mobile* page is now larger than a copy of DOOM (2.6 MiB vs. 2.48 MiB), the 75th percentile page is more than 2 DOOMs, and the P90 mobile page is 4.5x the size of DOOM:
httparchive.org/reports/page...