Sign in

Alexander Lehner

@alexlehner86.bsky.social
95 followers 256 following 127 posts

Web Developer, SciFi and Comic Nerd, gamer (tabletop and PS5). Speaks 🇦🇹🇩🇪🇬🇧🇪🇸

PostsRepliesMedia
Reposted by Alexander Lehner
Sara Soueidan @sarasoueidan.com · 22h
Tomorrow, October 16th, marks Practical Accessibility's third birthday. 🎂 To celebrate, I am gifting everybody 25% off for the next 48 hours 🎁 Individual and team licenses alike! The discount is automatically applied during checkout—no code is needed. 👉🏻 practical-accessibility.today Enjoy! #a11y
practical-accessibility.today
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
05223
Reposted by Alexander Lehner
Ahmad Shadeed @ishadeed.com · 15/10/2026
✍️ New Article: Fit height to background pattern size with calc size() I wrote about a use-case for calc-size() and round() that helped me avoid cut-off background patterns. ishadeed.com/article/fit-...
ishadeed.com
Fit height to background pattern size with calc-size()
1256
Reposted by Alexander Lehner
Andy Bell @bell.bz · 14/10/2026
i was merely a 13 year old lad when the dot com bubble burst so did people know the bubble was bursting when pets dot com shut down etc, or was it more of a hindsight thing?
11241
Reposted by Alexander Lehner
Lea Verou, PhD @lea.verou.me · 12/10/2026
🔥 New blog post: The best way to use icons in Web UIs What if I told you, you could use CSS to *insert* and *tweak* icons without touching any HTML? And that you can manage them alongside your other design tokens? lea.verou.me/blog/2026/ic...
lea.verou.me
The best way to use icons in Web UIs • Lea Verou
What if I told you, you could use CSS to insert and tweak icons without touching any HTML? And that it could be more flexible and maintainable than what you’ve been using?
78920
Reposted by Alexander Lehner
Ahmad Shadeed @ishadeed.com · 09/10/2026
In case you missed it, I published a tool called Gradient Layers, which is simply a way to visualize multiple background images in CSS. Works well for mask-image, too. Take a look: lab.ishadeed.com/tools/gradie...
lab.ishadeed.com
Gradient Visualizer, an experiment by iShadeed Lab
A visual tool to debug multi-layer CSS gradients.
1233
Reposted by Alexander Lehner
Firefox for Web Developers @webdevs.firefox.com · 08/10/2026
What do you want us to work on in 2027? Here's a web app where you can rank the Interop proposals you care about, giving us data we can use to prioritise feature development. interop-rank.fxdx.dev
interop-rank.fxdx.dev
Interop Feature Ranking
Rank the web platform features you care most about
1215072
Reposted by Alexander Lehner
Carole with an e @crwright.bsky.social · 06/10/2026
Voyager 1 is running on less memory than a single photo in your camera roll—69 KB. Its data is saved to an 8-track tape & software was developed when "the cloud" was in the sky. NASA sends commands and the old thing answers. And yet your brand new laptop freezes because you opened too many tabs.
892023607
Reposted by Alexander Lehner
Matthias Ott @matthiasott.com · 06/10/2026
✍️ New post: A Past Tense Word What I took away from a wonderful Josh Homme interview. And yes, it somehow turned into a post about working on the web again … matthiasott.com/notes/a-past...
matthiasott.com
A Past Tense Word · 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.
064
Reposted by Alexander Lehner
Álvaro Montoro @alvaromontoro.com · 03/10/2026
CSS Art: Nobody expects the <inquisition lang="es"> Source on @codepen.io: codepen.io/alvaromontor... #css #cssArt #webDev
Illustration titled 'Nobody expects the <inquisition lang="es">' showing three cardinals with one holding a laptop (parody of Monty Python's Spanish Inquisition sketch)
1233
Reposted by Alexander Lehner
Cassidy @cassidoo.co · 01/10/2026
I wrote about accessibility with a lil touch of the future of the internet? cassidoo.co/post/accessi...
cassidoo.co
Accessibility and the new model of the internet
The internet is changing! Accessibility is getting better! And it's also weird!
6384
Reposted by Alexander Lehner
Eric Bailey @ericwbailey.website · 30/09/2026
The 11th edition of the @webaim.bsky.social Screen Reader User Survey is now live! This is a vital resource into better understanding how people who use screen readers actually operate your website or app. webaim.org/projects/scr... My commentary on it as a thread 🧵 #a11y
webaim.org
WebAIM: Screen Reader User Survey #11 Results
13527
Reposted by Alexander Lehner
Peter Gardner @peterdgardner.bsky.social · 24/09/2026
Electric cars are more durable than petrol equivalents, and last longer - major report finds thedriven.io/2026/09/24/e...
thedriven.io
Electric cars are more durable than petrol equivalents, and last longer - major report finds
A study of millions of vehicles reveals that EVs are much less likely to fail compared to petrol equivalents, and will last a lot longer.
44530160
Reposted by Alexander Lehner
Kevin Powell @kevinpowell.co · 23/09/2026
It's annoying to keep hearing about cool CSS features only to find out browser support isn't great, so today I take a look at a bunch of features that have fantastic support, but people still turn to JS for instead. youtu.be/qu1jE41O_8o
youtu.be
Use these CSS features instead of JavaScript
YouTube video by Kevin Powell
210730
Alexander Lehner @alexlehner86.bsky.social · 20/09/2026
Ich habe meine Meinung zu den neuen Banknoten abgegeben – jetzt bist du dran! surveys.ecb.europa.eu/10b/neweuro/
surveys.ecb.europa.eu
Survey | surveys.ecb.europa.eu
I’ve just had my say on our future banknotes. Have your say too!
001
Reposted by Alexander Lehner
Craig Abbott @craigabbott.co.uk · 18/09/2026
New blog post. Some thoughts on why accessibility work might often rock your confidence: www.craigabbott.co.uk/blog/2026/th... #accessibility #a11y
craigabbott.co.uk
The Dunning-Kruger effect in accessibility - Craig Abbott
Why your confidence in accessibility could be a sign of how little you know
53211
Reposted by Alexander Lehner
Bramus @bram.us · 11/09/2026
🤩 Safari is about to support `interactive-widget` in the viewport meta tag github.com/WebKit/stand... This allows you to control what should happen to the viewport when the virtual keyboard gets shown. developer.chrome.com/blog/viewpor... (from 2022!) has the details.
MobileMiniBrowser showing a test page set to `overlays-content`MobileMiniBrowser showing a test page set to `resizes-visual`MobileMiniBrowser showing a test page set to `resizes-content`
45013
Reposted by Alexander Lehner
Philipp Dunkel @pipobscure.com · 10/09/2026
An Austrian‘s message to MAGA: Hi, Austrian here. A hard thing to explain about social democracy is that we WANT our taxes to go to the ‚undeserving‘… What he said! - Philipp Dunkel, AT
042
Reposted by Alexander Lehner
Firefox for Web Developers @webdevs.firefox.com · 10/09/2026
When and how CSS custom property values are calculated might not be what you expect, and it has a big impact on your styles…
28426
Alexander Lehner @alexlehner86.bsky.social · 09/09/2026
Great article! Do you know why the combination of attr() and style queries doesn't wirk in Firefox? Is it an open bug?
210
Reposted by Alexander Lehner
Brecht De Ruyte @utilitybend.com · 08/09/2026
🚀 Container style queries are baseline; New attr() capabilities are nearly there. Neat apart, but together they change how we can wire up components. Practice will make perfect, and I still need to rewire my brain for this combo. So, time to start that rewire. utilitybend.com/blog/contain...
utilitybend.com
Container style queries and advanced attr(): rethinking how to wire up my components in CSS | utilitybend
Wiring HTML attributes into CSS with advanced typed attr(), and letting container style queries pass that state down to child components.
23314
Reposted by Alexander Lehner
Lea Verou, PhD @lea.verou.me · 04/09/2026
Came across this fantastic post by Slava Shestopalov randomly while looking for something else medium.com/design-bridg... In the usability & web tech class we used to teach at MIT with @karger.bsky.social I’d give a lecture on graphic design that included this, but this is so much better presented.
medium.com
Optical effects in user interfaces
How to make optically balanced icons, correct shapes alignment, and perfect corner rounding
14612
Reposted by Alexander Lehner
Firefox for Web Developers @webdevs.firefox.com · 03/09/2026
CSS attr() now works on all properties in Firefox 155. Here's how it works, and how to get the most out of it:
1016826
Reposted by Alexander Lehner
Chris Coyier @chriscoyier.net · 02/09/2026
Wrote about what's up in angle brackets land.
23511
Reposted by Alexander Lehner
Firefox for Web Developers @webdevs.firefox.com · 01/09/2026
Major versions of Firefox now land every two weeks, so Firefox 155 dropped today with web platform features including: 🎉 Fully typed CSS attr() 🎉 CSS progress() 🎉 Promise.allKeyed() and allSettledKeyed() 🎉 Lots of new WebTransport stuff …And more! developer.mozilla.org/en-US/docs/M...
developer.mozilla.org
Firefox 155 release notes for developers (Stable) - Mozilla | MDN
This article provides information about the changes in Firefox 155 that affect developers. Firefox 155 was released on September 1, 2026.
312113
Reposted by Alexander Lehner
Sara Soueidan @sarasoueidan.com · 29/08/2026
"The future of accessible technology will likely involve #AI playing an important supporting role. Yet for the foreseeable future, #accessibility expertise remains essential." 🔗 AI and Accessibility: Promise, Limitations, and the Importance of Human Expertise www.testlio.com/blog/ai-and-... #a11y
testlio.com
AI and Accessibility: Promise, Limitations, and the Importance of Human Expertise | Testlio
Explore the critical role of human oversight in AI-driven accessibility. Learn why AI is a powerful starting point but cannot replace the nuance, empathy, and expertise required for truly inclusive de...
0155
Reposted by Alexander Lehner
Jake Archibald @jakearchibald.com · 26/08/2026
📝 When and how CSS custom properties are calculated might not be what you expect, and it has a big impact on your styles. Here's how it works: jakearchibald.com/2026/css-cus...
jakearchibald.com
Controlling when CSS custom properties are computed
The default might not be what you expect, and it has a big impact on your styles.
98715
Reposted by Alexander Lehner
Ahmad Shadeed @ishadeed.com · 25/08/2026
✍️ New Article: Balancing flex items with flex-wrap: balance I explored flex-wrap: balance and flex-line-count and really enjoyed using them. I even made a masonry layout by mixing flex-line-count, round, clamp, and container queries units! 😀 ishadeed.com/article/flex...
ishadeed.com
Balancing flex items with flex-wrap: balance
A look at how flex items wrap and how to balance them across lines.
36111
Reposted by Alexander Lehner
Adrian Roselli, pH0 @aardrian.bsky.social · 13/08/2026
If you have a dialog on your page / screen and are trying to figure out whether it should close when a user clicks / taps outside (or hits Esc), I tried for some guidance: adrianroselli.com/2026/08/shou... Note: I am not an authority on dialogs. I haven’t been certified by the zoning board.
adrianroselli.com
Should a Dialog Close When Clicked Outside?
Maybe not, but I’ll break these down into three categories because it depends on context and intent. Pretend this post also applies for pressing Esc. Action Required If the user must complete a task t...
1102
Reposted by Alexander Lehner
Firefox for Web Developers @webdevs.firefox.com · 24/08/2026
JPEG XL is slated to ship in Firefox 157 next month! Here's how we're shipping it safely… hacks.mozilla.org/2026/08/inte...
hacks.mozilla.org
Intent to Ship: JPEG XL – Mozilla Hacks - the Web developer blog
A JPEG XL decoder is heading for Firefox 157! Here's how we're shipping it safely…
0507
Reposted by Alexander Lehner
Oliver Das Gupta @oliverdasgupta.bsky.social · 22/08/2026
Sind die globalen Krisen bewältigbar? Ja, aber nur, wenn wir künftig weniger arbeiten, weniger konsumieren – und Elon Musks Vermögen wegbesteuern. Das meint der französische Starökonom Thomas Piketty. Lesenswertes STANDARD-Interview von András Szigetvari (hier: @andrasszigetvari.bsky.social)
derstandard.at
Wie retten wir die Welt, Herr Piketty? Indem wir weniger arbeiten!
Die Krisen unseres Planeten sind bewältigbar. Aber nur, wenn wir künftig weniger arbeiten, weniger konsumieren – und Elon Musks Vermögen wegbesteuern, sagt der französische Starökonom Thomas Piketty
12252115
Reposted by Alexander Lehner
Firefox for Web Developers @webdevs.firefox.com · 20/08/2026
What should happen with text-box-trim and margin-trim when it comes to negative values? Do negatives 'trim'?
4366
Reposted by Alexander Lehner
Firefox for Web Developers @webdevs.firefox.com · 19/08/2026
CSS text-box is newly baseline, and it's solves a common text layout issue. Here's how it works:
1234758
Reposted by Alexander Lehner
CSS by T. Afif @css-only.dev · 19/08/2026
And because no one will remember all the weird values, I made a small generator to get the code in no time. css-tip.com/text-box/
1529
Reposted by Alexander Lehner
Brad Frost @bradfrost.com · 19/08/2026
This video about AI & mental health by @tolin.ski is mandatory viewing for anyone using AI moderately/heavily: youtu.be/iPUn1Fnfn0k?...
youtu.be
The True Cost of AI Coding
YouTube video by Syntax
46012
Reposted by Alexander Lehner
Firefox for Web Developers @webdevs.firefox.com · 18/08/2026
Firefox 154 landed today, and brings with it some great web platform features: 🎉 CSS text-box 🎉 CSS sibling-index() and sibling-count() 🎉 JS Iterator methods like chunks, window, includes, & join 🎉 HTTP No-Vary-Search …And more! developer.mozilla.org/en-US/docs/M...
developer.mozilla.org
Firefox 154 release notes for developers (Stable) - Mozilla | MDN
This article provides information about the changes in Firefox 154 that affect developers. Firefox 154 was released on August 18, 2026.
312314
Reposted by Alexander Lehner
Igalia @igalia.com · 14/08/2026
🎙️ New Episode of Igalia Chats State of CSS 2026: The Good, the Bad and the Ugly @bkardell.com and @meyerweb.com discuss the results of State of CSS 2026 www.igalia.com/chats/state-...

A sandy colored title card that says the same. There is a photo of the a cowboy in the sunset in the lower left and "sound-waves" are visualized  emanating from it
1108
Alexander Lehner @alexlehner86.bsky.social · 17/08/2026
The issue with clipping the margins inside a container will get so much easier once we have margin-trim in all browsers. Can't wait!
010
Reposted by Alexander Lehner
Kevin Powell @kevinpowell.co · 17/08/2026
If a child with width: 100% overflows, box-sizing: border-box won't always save you because margins sit outside the border box. As more people rely on LLMs to write code, quickly spotting issues like this is a more important skill than ever. www.youtube.com/watch?v=2pJH...
youtube.com
The most undervalued front-end skill right now
YouTube video by Kevin Powell
3344
Reposted by Alexander Lehner
Duncan McAlester @mcalester.design · 08/08/2026
IT’S HAPPENING!! Safari Technology Preview has finally enabled Temporal API support!! I am unreasobaly excited by this API developer.apple.com/documentatio...
0155
Reposted by Alexander Lehner
Rachel Andrew @rachelandrew.co.uk · 11/08/2026
My talk on pragmatic browser support at the @pixelpioneers.co conference is now live www.youtube.com/watch?v=uOtx... I talk about Baseline, polyfills, progressive enhancement, and cover a bunch of interesting web platform features along the way.
youtube.com
A Pragmatic Guide to Browser Support - Rachel Andrew - Pixel Pioneers 2026
YouTube video by Pixel Pioneers
12414
Reposted by Alexander Lehner
Florian Aigner @florianaigner.at · 11/08/2026
Erbschaftssteuer ist absurd, das Geld ist ja früher schon mal versteuert worden. Was kommt als nächstes? Dass ich beim Antiquitätenhändler für Gegenstände bezahlen muss, die früher schon mal bezahlt wurden? Dass ich Miete für eine Wohnung zahle, für die früher schon mal Miete bezahlt wurde?
1202272406
Reposted by Alexander Lehner
Matthias Ott @matthiasott.com · 11/08/2026
Sehr gute, wichtige Podcast-Folge – auch zum Weiterleiten an Eltern, Freunde, Verwandte! #globalwarming #climateaction
041
Alexander Lehner @alexlehner86.bsky.social · 10/08/2026
Akuten Hitzeschutz für alle – jetzt unterstützen und ein Zeichen für mehr Gerechtigkeit setzen. gruene.at/hitzeschutzp...
gruene.at
Hitzeschutzpaket
Die extreme Hitze trifft uns alle. Aber sie trifft nicht alle gleich. Das ist hochgradig ungerecht! Denn die meisten Menschen können sich keine Klimaanlage leisten und haben kein Ferienhaus am kühlen ...
000
Alexander Lehner @alexlehner86.bsky.social · 10/08/2026
As with all new CSS features, it takes time to familiarize yourself with the new properties and how they fit together. Yes, anchor positioning can get complicated fast. But I find the standard use cases with popovers and position-area pretty straightforward. E.g.: oidaisdes.org/blog/accessi...
oidaisdes.org
Let's build an Accessible Menu with Modern Web Features
A step by step guide, using the Popover API and CSS Anchor Positioning.
010
Reposted by Alexander Lehner
Josh W. Comeau @joshwcomeau.com · 09/08/2026
🔥 The new “Gap Decorations” API allows us to add borders between grid rows/columns and Flexbox children. I spent some time playing around with it and it’s a lovely new feature. 😄 You can learn more on CSS Tricks:
css-tricks.com
Gap Decorations Are Now Available, Here’s What’s New | CSS-Tricks
Today, with CSS gap decorations fully supported in Chrome and Edge, starting with version 149, you can now very easily style gaps, and with a lot of control.
410414
Reposted by Alexander Lehner
Sarah Andersen @sarahseeandersen.bsky.social · 08/08/2026
The image is of a four panel comic.
The title is “Cats living together”.
The first panel shows a black cat and orange cat cuddling with their eyes closed. The orange cat says “I love you”. The black cat says “I love you too”.
The second panel zooms in on them. 
The third panel shows the orange cat opening its eyes.
The fourth panel shows the orange cat raising its paw to punch the black cat. It says, “Actually you know what”.
153281605991
Alexander Lehner @alexlehner86.bsky.social · 07/08/2026
About time! 🤩
000
Reposted by Alexander Lehner
Ingrid Brodnig @brodnig.bsky.social · 05/08/2026
Ach ja, man würde ja glauben, dass Menschen inmitten einer Hitzewelle und massiv heißen Monaten wenigstens nicht die Existenz der Klimakrise anzweifeln Aber selbst hier passiert das. Deshalb habe ich hier ein paar Tipps niedergeschrieben, wie man in hitzigen Diskussionen zum Klima diskutieren kann
steady.page
Hitzige Diskussionen: Übers Klima sprechen
Wir müssen dran bleiben und den Ernst der Situation erklären. Hier drei Empfehlungen für solche Gespräche
1125182
Reposted by Alexander Lehner
Manuel Oberhuber @manueloberhuber.bsky.social · 04/08/2026
Was für ein verrückter Tag in Österreichs Wettergeschichte. Hier die heutigen Höchstwerte: 41,0° Wien Stammersdorf 40,7° Langenlebarn 40,6° St. Pölten 40,4° Bad Deutsch-Altenburg 40,4° Wien Innere Stadt 40,2° Krems 40,2° Langenlois 40,1° Wieselburg 40,0° Gars am Kamp
37622
Reposted by Alexander Lehner
CSS by T. Afif @css-only.dev · 03/08/2026
📝 New CSS Article! You know the <img> element, right? It's one of the most-used elements, and yet it hides a secret. 🤫 What kind of secret? Read my latest article to know about it (You will be surprised!) master.dev/blog/somethi...
master.dev
Something Nobody Told You About The Image Element (It Can Overflow!)
You normally don't think of images as overflowing themselves, nor can you put anything else inside to make it overflow, but actually...
1309