Alexander Lehner
@alexlehner86.bsky.social
Web Developer, SciFi and Comic Nerd, gamer (tabletop and PS5). Speaks 🇦🇹🇩🇪🇺🇲🇪🇸
Reposted by Alexander Lehner
CSS text-decoration-inset landed in Firefox 146! Here's how it works:
December 11, 2025 at 5:11 PM
CSS text-decoration-inset landed in Firefox 146! Here's how it works:
Reposted by Alexander Lehner
Gecko: Intent to prototype and ship: support shape() in basic-shape
Gecko: Intent to prototype and ship: support shape() in basic-shape
Gecko: Intent to prototype and ship: support shape() in basic-shape
groups.google.com
December 11, 2025 at 8:22 PM
Gecko: Intent to prototype and ship: support shape() in basic-shape
Reposted by Alexander Lehner
CSS @scope has landed in Firefox 146, making it a new baseline feature. Here's how it works:
December 9, 2025 at 3:55 PM
CSS @scope has landed in Firefox 146, making it a new baseline feature. Here's how it works:
Reposted by Alexander Lehner
Happy Baseline newly available day for CSS @scope now that it's in Firefox 146!
December 9, 2025 at 3:02 PM
Happy Baseline newly available day for CSS @scope now that it's in Firefox 146!
Reposted by Alexander Lehner
Gecko: Intent to ship: CSS Anchor Positioning
Gecko: Intent to ship: CSS Anchor Positioning
Gecko: Intent to ship: CSS Anchor Positioning
groups.google.com
December 2, 2025 at 9:46 PM
Gecko: Intent to ship: CSS Anchor Positioning
Reposted by Alexander Lehner
I agree! There is not enough content out there about this. Here are two articles I wrote about web components and SSR a while back.
dev.to/stuffbreaker...
dev.to/stuffbreaker...
dev.to/stuffbreaker...
dev.to/stuffbreaker...
Web Components and SSR - 2024 Edition
Web components work in SSR, depending on which SSR you're talking about.
dev.to
December 6, 2025 at 12:28 PM
I agree! There is not enough content out there about this. Here are two articles I wrote about web components and SSR a while back.
dev.to/stuffbreaker...
dev.to/stuffbreaker...
dev.to/stuffbreaker...
dev.to/stuffbreaker...
Woohoo! 🥳🥳🥳
Gecko: Intent to ship: CSS Anchor Positioning
Gecko: Intent to ship: CSS Anchor Positioning
Gecko: Intent to ship: CSS Anchor Positioning
groups.google.com
December 3, 2025 at 6:06 AM
Woohoo! 🥳🥳🥳
Reposted by Alexander Lehner
Part one came out a little while ago, so hopefully the wait for part 2 was worth it 😁
piccalil.li/blog/a-pragm...
piccalil.li/blog/a-pragm...
A pragmatic guide to modern CSS colours - part two
Kevin is back with the follow up to part one of this series. This time, Kevin goes deep on how functional the newer colour capabilities are in practice to hopefully, encourage more designers to use th...
piccalil.li
December 2, 2025 at 2:02 PM
Part one came out a little while ago, so hopefully the wait for part 2 was worth it 😁
piccalil.li/blog/a-pragm...
piccalil.li/blog/a-pragm...
Reposted by Alexander Lehner
We have Custom Elements, but do we also need Custom Attributes?
This was discussed at TPAC. Is it something you'd like on the platform?
https://github.com/WICG/webcomponents/issues/1029
This was discussed at TPAC. Is it something you'd like on the platform?
https://github.com/WICG/webcomponents/issues/1029
December 1, 2025 at 2:29 PM
We have Custom Elements, but do we also need Custom Attributes?
This was discussed at TPAC. Is it something you'd like on the platform?
https://github.com/WICG/webcomponents/issues/1029
This was discussed at TPAC. Is it something you'd like on the platform?
https://github.com/WICG/webcomponents/issues/1029
Reposted by Alexander Lehner
Here’s a question I get a lot:
> “Now that AI can generate front-end UIs for us, what’s the point of learning CSS ourselves?”
I think there are lots of reasons, including that you can use AI much more effectively if you understand CSS yourself.
But is that actually true? Let’s discuss. 🧵
> “Now that AI can generate front-end UIs for us, what’s the point of learning CSS ourselves?”
I think there are lots of reasons, including that you can use AI much more effectively if you understand CSS yourself.
But is that actually true? Let’s discuss. 🧵
November 30, 2025 at 4:31 PM
Here’s a question I get a lot:
> “Now that AI can generate front-end UIs for us, what’s the point of learning CSS ourselves?”
I think there are lots of reasons, including that you can use AI much more effectively if you understand CSS yourself.
But is that actually true? Let’s discuss. 🧵
> “Now that AI can generate front-end UIs for us, what’s the point of learning CSS ourselves?”
I think there are lots of reasons, including that you can use AI much more effectively if you understand CSS yourself.
But is that actually true? Let’s discuss. 🧵
Reposted by Alexander Lehner
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/...
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/...
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.
developer.mozilla.org
November 21, 2025 at 4:00 PM
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/...
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/...
Reposted by Alexander Lehner
Reposted by Alexander Lehner
Tooltip Components Should Not Exist: "A look at why tooltip components are often the wrong abstraction in design systems, leading to accessibility issues, misuse, and inconsistent user experiences." #a11y tkdodo.eu/blog/tooltip...
Tooltip Components Should Not Exist
A look at why tooltip components are often the wrong abstraction in design systems, leading to accessibility issues, misuse, and inconsistent user experiences.
tkdodo.eu
November 28, 2025 at 6:03 PM
Tooltip Components Should Not Exist: "A look at why tooltip components are often the wrong abstraction in design systems, leading to accessibility issues, misuse, and inconsistent user experiences." #a11y tkdodo.eu/blog/tooltip...
Reposted by Alexander Lehner
A bit of a vulnerable post by me but we need your help to get us through what has been a more difficult period than 2020.
It would be really appreciated if you could read and share in your networks too 💛
bell.bz/its-been-a-v...
It would be really appreciated if you could read and share in your networks too 💛
bell.bz/its-been-a-v...
It’s been a very hard year - Andy Bell
Unlike a lot of places in tech, my company, Set Studio/Piccalilli has no outside funding. Bootstrapped is what the LinkedIn people say, I think. It’s been a hard year this year. A very hard year...
bell.bz
November 27, 2025 at 4:23 PM
A bit of a vulnerable post by me but we need your help to get us through what has been a more difficult period than 2020.
It would be really appreciated if you could read and share in your networks too 💛
bell.bz/its-been-a-v...
It would be really appreciated if you could read and share in your networks too 💛
bell.bz/its-been-a-v...
Reposted by Alexander Lehner
Journal: Why use React?
Or, more precisely, why use React *in the browser*?
🔗https://adactio.com/journal/22265
Or, more precisely, why use React *in the browser*?
🔗https://adactio.com/journal/22265
November 26, 2025 at 12:40 PM
Journal: Why use React?
Or, more precisely, why use React *in the browser*?
🔗https://adactio.com/journal/22265
Or, more precisely, why use React *in the browser*?
🔗https://adactio.com/journal/22265
Reposted by Alexander Lehner
✨ I just published a new post, and it’s all about one of the most mind-blowing new CSS features: subgrid.
Honestly, when I first heard about subgrid, I figured it’d be a convenient little utility. I had no idea it would solve one of the most longstanding issues I’ve had with CSS. 😮
Check it out:
Honestly, when I first heard about subgrid, I figured it’d be a convenient little utility. I had no idea it would solve one of the most longstanding issues I’ve had with CSS. 😮
Check it out:
Brand New Layouts with CSS Subgrid • Josh W. Comeau
Subgrid allows us to extend a grid template down through the DOM tree, so that deeply-nested elements can participate in the same grid layout. At first glance, I thought this would be a helpful conven...
www.joshwcomeau.com
November 25, 2025 at 4:40 PM
✨ I just published a new post, and it’s all about one of the most mind-blowing new CSS features: subgrid.
Honestly, when I first heard about subgrid, I figured it’d be a convenient little utility. I had no idea it would solve one of the most longstanding issues I’ve had with CSS. 😮
Check it out:
Honestly, when I first heard about subgrid, I figured it’d be a convenient little utility. I had no idea it would solve one of the most longstanding issues I’ve had with CSS. 😮
Check it out:
Reposted by Alexander Lehner
Tools like Cursor or Claude Code make us *feel* more productive, but can we trust that perception?
I added a new blurb to my 2025 post about AI, “The Post-Developer Era”, which digs into a recent study about developer productivity and AI:
I added a new blurb to my 2025 post about AI, “The Post-Developer Era”, which digs into a recent study about developer productivity and AI:
November 24, 2025 at 8:35 PM
Tools like Cursor or Claude Code make us *feel* more productive, but can we trust that perception?
I added a new blurb to my 2025 post about AI, “The Post-Developer Era”, which digs into a recent study about developer productivity and AI:
I added a new blurb to my 2025 post about AI, “The Post-Developer Era”, which digs into a recent study about developer productivity and AI:
Chrome 143 adds support for CSS anchored fallback container queries. With this new feature, I was able to animate my custom menu with CSS only for different anchor positions. Suck it, JavaScript! 😜
#css #anchorPositioning #popover #animation #webdev
www.oidaisdes.org/anchored-con...
#css #anchorPositioning #popover #animation #webdev
www.oidaisdes.org/anchored-con...
Flexible Menu Animation with Anchored Container Queries
We can query the currently active fallback position and apply different styles with CSS only.
www.oidaisdes.org
November 24, 2025 at 1:19 PM
Chrome 143 adds support for CSS anchored fallback container queries. With this new feature, I was able to animate my custom menu with CSS only for different anchor positions. Suck it, JavaScript! 😜
#css #anchorPositioning #popover #animation #webdev
www.oidaisdes.org/anchored-con...
#css #anchorPositioning #popover #animation #webdev
www.oidaisdes.org/anchored-con...
Reposted by Alexander Lehner
You may have missed my #CSS anchor positioning livestream with @miriam.codes and @jamessw.com earlier today, but that’s okay! The geeks at YouTube figured out some kinda magic capture thing that lets you play back live events whenever you want. Here’s ours: www.youtube.com/watch?v=qOXY...
Cross-browser Anchor Positioning
YouTube video by Winging It
www.youtube.com
November 20, 2025 at 7:37 PM
You may have missed my #CSS anchor positioning livestream with @miriam.codes and @jamessw.com earlier today, but that’s okay! The geeks at YouTube figured out some kinda magic capture thing that lets you play back live events whenever you want. Here’s ours: www.youtube.com/watch?v=qOXY...
Reposted by Alexander Lehner
Reposted by Alexander Lehner
📣 Hear hear! The biggest savings on the Practical Accessibility course start *today*—for a limited time only.
Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.
Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.
The Practical Accessibility Course
A get-right-down-to-it online course for Web designers and developers who want to start creating more accessible Web user interfaces and digital products today
practical-accessibility.today
November 20, 2025 at 2:58 PM
📣 Hear hear! The biggest savings on the Practical Accessibility course start *today*—for a limited time only.
Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.
Starting today, you can get the course for 30% off — that's $279 instead of $399. The discounted price excludes sales tax that may be applied depending on where you are buying from.
Reposted by Alexander Lehner
Out-of-order HTML patching, another proposal from TPAC, lets HTML be presented non-linearly, and a single file can update multiple parts of the page.
Would this feature be useful to you?
Would this feature be useful to you?
November 19, 2025 at 4:10 PM
Out-of-order HTML patching, another proposal from TPAC, lets HTML be presented non-linearly, and a single file can update multiple parts of the page.
Would this feature be useful to you?
Would this feature be useful to you?
Reposted by Alexander Lehner
Simple One-Time Passcode Inputs: "I have good news! You can ship a fully functional OTP input today without any CSS hacks or JavaScript frameworks. All you need is some #HTML." #a11y cloudfour.com/thinks/simpl...
Simple One-Time Passcode Inputs
Fully functional OTP entry may be easier than you think.
cloudfour.com
November 18, 2025 at 6:03 PM
Simple One-Time Passcode Inputs: "I have good news! You can ship a fully functional OTP input today without any CSS hacks or JavaScript frameworks. All you need is some #HTML." #a11y cloudfour.com/thinks/simpl...
Reposted by Alexander Lehner
Hey! @lflegal.bsky.social, @rejinae.bsky.social, and @chanceyfleet.bsky.social gathered 36 authors to write about ethics in digital accessibility.
Chapters, authors (I’m one of them), pre-order:
www.routledge.com/Digital-Acce...
Out 26 March 2026.
#DigitalAccessibilityEthics #accessibility #a11y
Chapters, authors (I’m one of them), pre-order:
www.routledge.com/Digital-Acce...
Out 26 March 2026.
#DigitalAccessibilityEthics #accessibility #a11y
November 12, 2025 at 3:32 PM
Hey! @lflegal.bsky.social, @rejinae.bsky.social, and @chanceyfleet.bsky.social gathered 36 authors to write about ethics in digital accessibility.
Chapters, authors (I’m one of them), pre-order:
www.routledge.com/Digital-Acce...
Out 26 March 2026.
#DigitalAccessibilityEthics #accessibility #a11y
Chapters, authors (I’m one of them), pre-order:
www.routledge.com/Digital-Acce...
Out 26 March 2026.
#DigitalAccessibilityEthics #accessibility #a11y
