David Leininger
@leininger.tech
Developer/Designer. Loves HTML, CSS, and accessibility. Wears vans. Has tattoos. Drinks bourbon. Flattens pillows. Pizza sommelier. Dad of 5. Husband. Catholic.
Reposted by David Leininger
I just published a new blog post about two of my absolute favourite CSS tricks. ✨
www.joshwcomeau.com/animation/pa...
www.joshwcomeau.com/animation/pa...
Partial Keyframes • Josh W. Comeau
CSS Keyframe animations are so much more powerful than most developers realize. In this tutorial, I’ll show you something that completely blew my mind, a technique that makes our keyframe animations s...
www.joshwcomeau.com
June 10, 2025 at 3:51 PM
I just published a new blog post about two of my absolute favourite CSS tricks. ✨
www.joshwcomeau.com/animation/pa...
www.joshwcomeau.com/animation/pa...
Reposted by David Leininger
I just launched Kelp UI (my UI library for people who love HTML, powered by modern CSS and Web Components)!
Currently in alpha. Rapidly building out the docs.
Let me know what you think!
🎉🎉🎉
kelpui.com
Currently in alpha. Rapidly building out the docs.
Let me know what you think!
🎉🎉🎉
kelpui.com
Kelp
A UI library for people who love HTML, powered by modern CSS and Web Components.
kelpui.com
June 21, 2025 at 8:43 PM
I just launched Kelp UI (my UI library for people who love HTML, powered by modern CSS and Web Components)!
Currently in alpha. Rapidly building out the docs.
Let me know what you think!
🎉🎉🎉
kelpui.com
Currently in alpha. Rapidly building out the docs.
Let me know what you think!
🎉🎉🎉
kelpui.com
Reposted by David Leininger
Made a new Web Component: RichInput. It's a drop-in replacement for text-based elements that can colourise user input.
A "stylepattern" attribute accepts a regex pattern and the resulting capture groups can be styled using CSS `::part(group-n)`
keithclark.github.io/richinput/
A "stylepattern" attribute accepts a regex pattern and the resulting capture groups can be styled using CSS `::part(group-n)`
keithclark.github.io/richinput/
June 23, 2025 at 8:47 PM
Made a new Web Component: RichInput. It's a drop-in replacement for text-based elements that can colourise user input.
A "stylepattern" attribute accepts a regex pattern and the resulting capture groups can be styled using CSS `::part(group-n)`
keithclark.github.io/richinput/
A "stylepattern" attribute accepts a regex pattern and the resulting capture groups can be styled using CSS `::part(group-n)`
keithclark.github.io/richinput/
Reposted by David Leininger
The XCode #Accessibility Inspector is known for being used to fix common accessibility issues through automation, but did you know that you can use it to catch more manual accessibility issues? #A11y
dev.to/steady5063/i...
dev.to/steady5063/i...
iOS Accessibility Inspector: Beyond Automation
Xcodes accessibility inspector has long been thought of as only an 'automated' issue tool. This...
dev.to
June 21, 2025 at 1:45 AM
The XCode #Accessibility Inspector is known for being used to fix common accessibility issues through automation, but did you know that you can use it to catch more manual accessibility issues? #A11y
dev.to/steady5063/i...
dev.to/steady5063/i...
Reposted by David Leininger
Coming soon to Safari:
- Anchor positioning (YAYY!)
- Scroll-driven animations (YAYY!)
- text-wrap: pretty
- progress() function
- margin-trim
- contrast-color()
webkit.org/blog/16993/n...
- Anchor positioning (YAYY!)
- Scroll-driven animations (YAYY!)
- text-wrap: pretty
- progress() function
- margin-trim
- contrast-color()
webkit.org/blog/16993/n...
News from WWDC25: WebKit in Safari 26 beta
Welcome to WWDC25!
webkit.org
June 9, 2025 at 7:06 PM
Coming soon to Safari:
- Anchor positioning (YAYY!)
- Scroll-driven animations (YAYY!)
- text-wrap: pretty
- progress() function
- margin-trim
- contrast-color()
webkit.org/blog/16993/n...
- Anchor positioning (YAYY!)
- Scroll-driven animations (YAYY!)
- text-wrap: pretty
- progress() function
- margin-trim
- contrast-color()
webkit.org/blog/16993/n...
Reposted by David Leininger
Reposted by David Leininger
The 2025 State of CSS survey is now open! survey.devographics.com/en-US/survey...
State of CSS 2025
Take the State of CSS survey
survey.devographics.com
June 4, 2025 at 1:45 PM
The 2025 State of CSS survey is now open! survey.devographics.com/en-US/survey...
Reposted by David Leininger
Back when I was finding my feet in tech everybody was buzzing about building positive change. Somewhere along the way, something changed. Fortunately for us though, tech is not the first industry forced to defend itself against dubious practices.
What might we learn if we were to look elsewhere?
What might we learn if we were to look elsewhere?
Looking elsewhere - Robb Owen
Against the backdrop of mass layoffs, LLMs, site-builders and vibe coding what does it mean to conscientiously build for the web, and where do we go from here?
robbowen.digital
June 1, 2025 at 3:25 PM
Back when I was finding my feet in tech everybody was buzzing about building positive change. Somewhere along the way, something changed. Fortunately for us though, tech is not the first industry forced to defend itself against dubious practices.
What might we learn if we were to look elsewhere?
What might we learn if we were to look elsewhere?
Reposted by David Leininger
The Email Markup Consortium released its 2025 study on the accessibility in HTML emails, and the TL;DR is not totally dissimilar from what we heard from WebAIM’s annual web report.
css-tricks.com/html-email-a...
css-tricks.com/html-email-a...
HTML Email Accessibility Report 2025 | CSS-Tricks
Some weekend reading on the heels of Global Accessibility Awareness Day (GAADM), which took place yesterday. The Email Markup Consortium (EMC) released its
css-tricks.com
May 16, 2025 at 2:45 PM
The Email Markup Consortium released its 2025 study on the accessibility in HTML emails, and the TL;DR is not totally dissimilar from what we heard from WebAIM’s annual web report.
css-tricks.com/html-email-a...
css-tricks.com/html-email-a...
Reposted by David Leininger
For years, one of the most befuddling things for me in CSS was how “height: 100%” would sometimes just not work. Every time I tried to use it was a roll of the dice. 😅
Like everything else in CSS, though, it all makes perfect sense when we understand the underlying mechanism. ✨
Let’s explore. 🧵
Like everything else in CSS, though, it all makes perfect sense when we understand the underlying mechanism. ✨
Let’s explore. 🧵
The Height Enigma • Josh W. Comeau
One of the most perplexing and befuddling things in CSS for me, for many years, was the behaviour of percentage-based heights. Sometimes, seemingly at random, setting “height: 100%” would have no effe...
www.joshwcomeau.com
May 12, 2025 at 3:47 PM
For years, one of the most befuddling things for me in CSS was how “height: 100%” would sometimes just not work. Every time I tried to use it was a roll of the dice. 😅
Like everything else in CSS, though, it all makes perfect sense when we understand the underlying mechanism. ✨
Let’s explore. 🧵
Like everything else in CSS, though, it all makes perfect sense when we understand the underlying mechanism. ✨
Let’s explore. 🧵
Reposted by David Leininger
ALL popular music comes from Black people. Period.
May 12, 2025 at 12:47 AM
ALL popular music comes from Black people. Period.
Reposted by David Leininger
On May 5, 1999, the World Wide Web Consortium (W3C) issued a press release announcing the publication of the Web Content Accessibility Guidelines (WCAG) 1.0. Happy birthday #WCAG!
From the WCAG's 20th birthday, an article by @lflegal.bsky.social www.lflegal.com/2019/05/wcag...
From the WCAG's 20th birthday, an article by @lflegal.bsky.social www.lflegal.com/2019/05/wcag...
Happy Birthday WCAG -- Now You are Twenty!
On May 5, 1999 the World Wide Web Consortium (W3C) issued a press release announcing the publication of the Web Content Accessibility Guidelines (WCAG) 1.0. The headline was confident: "WAI Provides D...
www.lflegal.com
May 5, 2025 at 5:46 PM
On May 5, 1999, the World Wide Web Consortium (W3C) issued a press release announcing the publication of the Web Content Accessibility Guidelines (WCAG) 1.0. Happy birthday #WCAG!
From the WCAG's 20th birthday, an article by @lflegal.bsky.social www.lflegal.com/2019/05/wcag...
From the WCAG's 20th birthday, an article by @lflegal.bsky.social www.lflegal.com/2019/05/wcag...
Reposted by David Leininger
🥳 It's an exciting day! 🥳
Thanks to Webflow GSAP is now 100% FREE - including ALL of the bonus plugins like SplitText, MorphSVG, and all the others that were exclusively available to Club GSAP members.
We can't wait to see what you make!
gsap.com/blog/3-13
Thanks to Webflow GSAP is now 100% FREE - including ALL of the bonus plugins like SplitText, MorphSVG, and all the others that were exclusively available to Club GSAP members.
We can't wait to see what you make!
gsap.com/blog/3-13
April 30, 2025 at 5:47 PM
🥳 It's an exciting day! 🥳
Thanks to Webflow GSAP is now 100% FREE - including ALL of the bonus plugins like SplitText, MorphSVG, and all the others that were exclusively available to Club GSAP members.
We can't wait to see what you make!
gsap.com/blog/3-13
Thanks to Webflow GSAP is now 100% FREE - including ALL of the bonus plugins like SplitText, MorphSVG, and all the others that were exclusively available to Club GSAP members.
We can't wait to see what you make!
gsap.com/blog/3-13
Reposted by David Leininger
April 25, 2025 at 4:52 PM
Reposted by David Leininger
April 5, 2025 at 6:20 PM
Reposted by David Leininger
✍️ New Article: First Look at The Modern attr()
I explored the new attr() capabilities and shared my thoughts about it. Happy reading!
ishadeed.com/article/mode...
I explored the new attr() capabilities and shared my thoughts about it. Happy reading!
ishadeed.com/article/mode...
April 3, 2025 at 1:32 PM
✍️ New Article: First Look at The Modern attr()
I explored the new attr() capabilities and shared my thoughts about it. Happy reading!
ishadeed.com/article/mode...
I explored the new attr() capabilities and shared my thoughts about it. Happy reading!
ishadeed.com/article/mode...
Reposted by David Leininger
in Chrome 135 - Tomorrow Mar 26, 2025
customize all the parts of a
customize all the parts of a
March 24, 2025 at 9:31 PM
in Chrome 135 - Tomorrow Mar 26, 2025
customize all the parts of a
customize all the parts of a
Reposted by David Leininger
While this baseline support effort is great:
w3c.social/@w3c/1142293...
Remember that it does not include baseline support for #accessibility features:
github.com/web-platform...
So continue to test on your own. #a11y
w3c.social/@w3c/1142293...
Remember that it does not include baseline support for #accessibility features:
github.com/web-platform...
So continue to test on your own. #a11y
World Wide Web Consortium (@[email protected])
Patrick Brosset, co-chair of the WebDX Community Group and François Daoust, co-chair of the WebDX Community Group wrote about the first catalog of web features targeted at web developers, along with s...
w3c.social
March 29, 2025 at 7:45 PM
While this baseline support effort is great:
w3c.social/@w3c/1142293...
Remember that it does not include baseline support for #accessibility features:
github.com/web-platform...
So continue to test on your own. #a11y
w3c.social/@w3c/1142293...
Remember that it does not include baseline support for #accessibility features:
github.com/web-platform...
So continue to test on your own. #a11y
Reposted by David Leininger
The Index #80 is here, featuring fluid CSS, enshittification, a handy font pairing app, severance and if it works, it's right.
The Index: Issue #80
The Index #80 is here, featuring fluid CSS, enshittification, a handy font pairing app, severance and if it works, it's right.
piccalil.li
March 28, 2025 at 12:31 PM
The Index #80 is here, featuring fluid CSS, enshittification, a handy font pairing app, severance and if it works, it's right.
Reposted by David Leininger
Safari Technology Preview 215 is here! It includes several exciting features:
- Scroll Driven Animations
- text-wrap-style: pretty
- CSS Anchor Positioning
- HDR images
- Trusted Types
- File System WritableStream API
webkit.org/blog/16523/r...
- Scroll Driven Animations
- text-wrap-style: pretty
- CSS Anchor Positioning
- HDR images
- Trusted Types
- File System WritableStream API
webkit.org/blog/16523/r...
Release Notes for Safari Technology Preview 215
Safari Technology Preview Release 215 is now available for download for macOS Sequoia and macOS Sonoma.
webkit.org
March 17, 2025 at 7:12 PM
Safari Technology Preview 215 is here! It includes several exciting features:
- Scroll Driven Animations
- text-wrap-style: pretty
- CSS Anchor Positioning
- HDR images
- Trusted Types
- File System WritableStream API
webkit.org/blog/16523/r...
- Scroll Driven Animations
- text-wrap-style: pretty
- CSS Anchor Positioning
- HDR images
- Trusted Types
- File System WritableStream API
webkit.org/blog/16523/r...
Reposted by David Leininger
CSS Day 2025 is coming! Today we announce four new speakers: @ishadeed.com , @cydstumpel.nl , @utilitybend.com , and Amit Sheen.
Also we announce an Advanced Design Token workshop by @bradfrost.com and @ian-frost.bsky.social on 4th of June.
cssday.nl has all the info.
See you in June?
Also we announce an Advanced Design Token workshop by @bradfrost.com and @ian-frost.bsky.social on 4th of June.
cssday.nl has all the info.
See you in June?
CSS Day 2025, 5th & 6th of June, Amsterdam
CSS Day is the conference for CSS designers, developers, spec writers, and browser vendors.
cssday.nl
March 11, 2025 at 11:06 AM
CSS Day 2025 is coming! Today we announce four new speakers: @ishadeed.com , @cydstumpel.nl , @utilitybend.com , and Amit Sheen.
Also we announce an Advanced Design Token workshop by @bradfrost.com and @ian-frost.bsky.social on 4th of June.
cssday.nl has all the info.
See you in June?
Also we announce an Advanced Design Token workshop by @bradfrost.com and @ian-frost.bsky.social on 4th of June.
cssday.nl has all the info.
See you in June?
Reposted by David Leininger
So, I made a playground web component with @lit.dev using a font with built-in syntax highlightings. It made it so easy, thanks!
blog.glyphdrawing.club/font-with-bu...
blog.glyphdrawing.club/font-with-bu...
January 27, 2025 at 3:52 PM
So, I made a playground web component with @lit.dev using a font with built-in syntax highlightings. It made it so easy, thanks!
blog.glyphdrawing.club/font-with-bu...
blog.glyphdrawing.club/font-with-bu...
Reposted by David Leininger
Intent to ship for the upgraded customizable select element in Blink!
It's happening!
I2S: groups.google.com/a/chromium.o...
Learn more: una.im/select-updat...
It's happening!
I2S: groups.google.com/a/chromium.o...
Learn more: una.im/select-updat...
Intent to ship: Customizable select
groups.google.com
January 30, 2025 at 1:35 AM
Intent to ship for the upgraded customizable select element in Blink!
It's happening!
I2S: groups.google.com/a/chromium.o...
Learn more: una.im/select-updat...
It's happening!
I2S: groups.google.com/a/chromium.o...
Learn more: una.im/select-updat...
Reposted by David Leininger
I realized I haven't posted this here yet, so: Web devs! I launched an online course about Web Components this summer. You can find out about it here on this site, and oh! there's a big discount sale running for a couple of more days. 🙌 scottjehl.com/learn/webcom...
Web Components Demystified online course | Scott Jehl, Web Designer/Developer
A comprehensive, premium course about building dynamic, fast, resilient apps with standard web components.
scottjehl.com
October 29, 2024 at 5:40 PM
I realized I haven't posted this here yet, so: Web devs! I launched an online course about Web Components this summer. You can find out about it here on this site, and oh! there's a big discount sale running for a couple of more days. 🙌 scottjehl.com/learn/webcom...
Reposted by David Leininger
Hi, I'm Manuel, a front-end dev, consultant, and accessibility auditor from Austria.
I have a blog (matuzo.at), a website where I post horrible HTML (htmhell.dev), and I recently wrote a book about accessibility for developers (accessibility-cookbook.com).
I post mainly about HTML, CSS, and a11y.
I have a blog (matuzo.at), a website where I post horrible HTML (htmhell.dev), and I recently wrote a book about accessibility for developers (accessibility-cookbook.com).
I post mainly about HTML, CSS, and a11y.
Home - Manuel Matuzovic
I'm a frontend developer in Graz, specialized in HTML, accessibility, and CSS layout and architecture.
matuzo.at
October 30, 2024 at 5:54 AM
Hi, I'm Manuel, a front-end dev, consultant, and accessibility auditor from Austria.
I have a blog (matuzo.at), a website where I post horrible HTML (htmhell.dev), and I recently wrote a book about accessibility for developers (accessibility-cookbook.com).
I post mainly about HTML, CSS, and a11y.
I have a blog (matuzo.at), a website where I post horrible HTML (htmhell.dev), and I recently wrote a book about accessibility for developers (accessibility-cookbook.com).
I post mainly about HTML, CSS, and a11y.