David Leininger's Avatar

David Leininger

@leininger.tech.bsky.social

Developer/Designer. Loves HTML, CSS, and accessibility. Wears vans. Has tattoos. Drinks bourbon. Flattens pillows. Pizza sommelier. Dad of 5. Husband. Catholic.

69 Followers  |  153 Following  |  8 Posts  |  Joined: 30.10.2023  |  1.9559

Latest posts by leininger.tech on Bluesky

But also it’s Firefox. Outside of their dev tools, they are late to the party on so many things right now.

I’ve been trying to decide which will upset me more, using arc or using arc Firefox that’s being maintained.

For now I’m sticking with arc.

22.08.2025 19:15 — 👍 4    🔁 0    💬 0    📌 0
Preview
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...

I just published a new blog post about two of my absolute favourite CSS tricks. ✨

www.joshwcomeau.com/animation/pa...

10.06.2025 15:51 — 👍 178    🔁 27    💬 12    📌 2
Kelp A UI library for people who love HTML, powered by modern CSS and Web Components.

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

21.06.2025 20:43 — 👍 163    🔁 32    💬 11    📌 0
Post image

Made a new Web Component: RichInput. It's a drop-in replacement for text-based <input> 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/

23.06.2025 20:46 — 👍 135    🔁 24    💬 3    📌 0
Preview
iOS Accessibility Inspector: Beyond Automation Xcodes accessibility inspector has long been thought of as only an 'automated' issue tool. This...

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...

21.06.2025 01:44 — 👍 13    🔁 5    💬 0    📌 0
Preview
News from WWDC25: WebKit in Safari 26 beta Welcome to WWDC25!

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...

09.06.2025 19:06 — 👍 141    🔁 26    💬 4    📌 7
Preview
News from WWDC25: WebKit in Safari 26 beta Welcome to WWDC25!

Safari 26 beta!

webkit.org/blog/16993/n...

09.06.2025 18:34 — 👍 81    🔁 21    💬 5    📌 2

Same thing happened to me. Spam. I ignored.

09.06.2025 15:40 — 👍 1    🔁 0    💬 0    📌 0
Preview
State of CSS 2025 Take the State of CSS survey

The 2025 State of CSS survey is now open! survey.devographics.com/en-US/survey...

04.06.2025 13:45 — 👍 47    🔁 41    💬 1    📌 4
Preview
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?

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?

01.06.2025 15:25 — 👍 143    🔁 37    💬 13    📌 16
Preview
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

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...

16.05.2025 14:45 — 👍 30    🔁 11    💬 1    📌 0
Preview
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...

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. 🧵

12.05.2025 15:47 — 👍 310    🔁 49    💬 17    📌 5
Video thumbnail

ALL popular music comes from Black people. Period.

12.05.2025 00:47 — 👍 235    🔁 59    💬 28    📌 8
Preview
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...

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...

05.05.2025 17:46 — 👍 18    🔁 6    💬 1    📌 2
Video thumbnail

🥳 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

30.04.2025 17:46 — 👍 304    🔁 87    💬 8    📌 15
Video thumbnail

<details> elements don't have to be so fugly

try this one nerdy.dev/nice-details

25.04.2025 16:52 — 👍 383    🔁 33    💬 12    📌 2

Awful. Makes no sense man. So sorry.

12.04.2025 01:54 — 👍 3    🔁 0    💬 0    📌 0

Love it!

09.04.2025 02:41 — 👍 2    🔁 0    💬 0    📌 0

Amazing tradition! What records, if you don’t mind me asking @bram.us

09.04.2025 00:54 — 👍 0    🔁 0    💬 1    📌 0

Video is ready 🤓

nerdy.dev/css-can-do-t...

05.04.2025 18:20 — 👍 37    🔁 5    💬 2    📌 0
A figure that shows the attr() syntax.

A figure that shows the attr() syntax.

✍️ 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...

03.04.2025 13:32 — 👍 132    🔁 35    💬 4    📌 6

Big time agree here.

01.04.2025 03:43 — 👍 2    🔁 0    💬 0    📌 0
Video thumbnail

in Chrome 135 - Tomorrow Mar 26, 2025
customize all the parts of a <select> with #CSS!

⤷ nerdy.dev/customize-a-...

24.03.2025 21:31 — 👍 406    🔁 70    💬 14    📌 16
World Wide Web Consortium (@w3c@w3c.social) 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...

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

29.03.2025 19:45 — 👍 6    🔁 1    💬 0    📌 0
Preview
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.

The Index #80 is here, featuring fluid CSS, enshittification, a handy font pairing app, severance and if it works, it's right.

28.03.2025 12:31 — 👍 27    🔁 4    💬 1    📌 0
Release Notes for Safari Technology Preview 215 Safari Technology Preview Release 215 is now available for download for macOS Sequoia and macOS Sonoma.

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...

17.03.2025 19:12 — 👍 147    🔁 22    💬 11    📌 4
Preview
CSS Day 2025, 5th & 6th of June, Amsterdam CSS Day is the conference for CSS designers, developers, spec writers, and browser vendors.

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?

11.03.2025 11:06 — 👍 26    🔁 15    💬 1    📌 7
Video thumbnail

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...

27.01.2025 15:52 — 👍 14    🔁 2    💬 0    📌 0
Intent to ship: Customizable select

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...

30.01.2025 01:35 — 👍 98    🔁 13    💬 5    📌 2

And some homies who still miss the city?

20.11.2024 19:54 — 👍 1    🔁 0    💬 1    📌 0

@leininger.tech is following 20 prominent accounts