David Leininger

TIL crows only *look* black to us — they’re actually very colorful in ways human eyes are unable to perceive. 🤯 Remember that next time people can’t see your “colors”. Some colors just require different eyes.

Here are my picks for March MadCSS! Who do you think will win? madcss.com/bracket/davi... @nerdy.dev I'm going to need you to pull this one off my guy.

I just published a new blog post about two of my absolute favourite CSS tricks. ✨ www.joshwcomeau.com/animation/pa...

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

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/

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

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

Safari 26 beta! webkit.org/blog/16993/n...

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

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?

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

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

ALL popular music comes from Black people. Period.

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

🥳 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

<details> elements don't have to be so fugly try this one nerdy.dev/nice-details

Video is ready 🤓 nerdy.dev/css-can-do-t...

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

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

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

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

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

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?

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

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

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

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.

In case you missed it, I shared my thoughts on whether masonry should be integrated into CSS Grid or exist as a separate layout module. 🔗 ishadeed.com/article/css-...

The perfect day to play Hocus :Focus by Rémi Parmentier 🧙‍♀️🎃👻. focus.hteumeuleu.com

Using @starting-style and transition-behavior for enter and exit stage effects ⤷ nerdy.dev/using-starti... How to leverage first render and display: none as transition triggers for any element

#CSS `paint-order` nerdy.dev/css-paint-or...

#CSS by @chriscoyier - Container Queries (Size & Styles) - Container Units - :has() - View Transitions - Nesting - Scroll-Driven Animations - Anchor Positioning - Scoping - Cascade Layers - P3 Colors - Color Mixing - Margin Trim - Text Wrapping - Subgrid frontendmasters.com/blog/what-yo...

Workin on some updates to Visbug: - HDR color - popover top-layer - manifest v3 wanna add some view transitions toooooo

#tinyCSStip You can use pure CSS `pow()` to easily switch in between layouts based ton the viewport aspect-ratio. 😎 #CodePen demo codepen.io/thebabydino/... The `grid-template-columns` property gets set only once! We only set an exponent `--exp` for each aspect ratio. 😼

📝 New on Piccalilli: Some little ways I’m using CSS :has() in the real world https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world/ I’ve created some low fidelity demos of :has() snippets that I’ve been using in real-world client projects.

📝 New on Piccalilli: Some information about my upcoming workshop and course https://piccalil.li/blog/some-info-about-my-upcoming-workshop-and-course/ I’m doing a lot of content this year, but the stuff I’m most excited about is a brand new workshop and a brand new course. They follow a similar…

New web component dropped: <browser-window> Fake some Safari-esque browser chrome in a demo or web-based slide deck. 📓 Blog post: www.zachleat.com/web/browser-... 🎪 Demo: zachleat.github.io/browser-wind... 💾 Code: github.com/zachleat/bro...

CSS gradient text glow effect codepen.io/argyleink/pe...