I’m excited to share a new project from Adobe Spectrum Web Eng that tracks support for #CSS features within and across the shadow DOM.
The goal is to provide visibility into feature parity and outstanding issues. We hope you find it useful - open to contributions!
shadow-dom-css.adobe.com
Modern CSS is in its new era ✨
📆 Starting Thursday, I’m teaching a live workshop on building accessible, reusable interactive components using modern #CSS that is stack-agnostic.
Register if you’re ready to level up your component patterns + #accessibility 💜
👉 Discount link:
ti.to/smashingmaga...
Dear conference organizers:
I really want to give a talk on the ergonomics of the cascade (the “C” in #CSS) since tools for managing it are more powerful and confusing than ever. Also excited to share a trove of findings on styling across light + shadow DOM.
Interested? DM me or drop your CFP 💜
I know the long-tab-life struggle well 😅
Cool to know this helped you!
Oh hey, come work with me!
We're seeking an earlier-career front-end dev who is able to work in-office (multiple US locations).
Check it out if you have interest and experience in: #designsystems #CSS #a11y #webcomponents
adobe.design/jobs/job-pos...
📣 One week until SmashingConf NYC!
I'll be going all in on #a11y and #css in both my workshop and talk, with the workshop taking place the Monday prior, Oct. 6.
Grab your discounted ticket to the conf + workshop! (scroll down a bit for the bundles)
Hope to see you there!
ti.to/smashingmaga...
➡️ Or meet me at Smashing NYC and take the in-person workshop there!
smashingconf.com/ny-2025/work...
#css #a11y #designsystems
📣 **One week left** until my online workshop with Smashing begins!
I'm looking forward to nerding out with you about how to ensure you're using new #CSS and HTML features and behaviors to build robust, accessible components!
🎟️ See the full schedule and more info
smashingconf.com/online-works...
📣 Join me in NYC this October at SmashingConf!
I'll be giving both a workshop and a talk around #a11y and #css.
[20% OFF] using this link - plus a discount if you plan to attend both the workshop and conference (scroll for that option!)
ti.to/smashingmaga...
📣 There are still early bird tickets available for my upcoming online workshop combining modern #CSS with JS accessibly, in partnership with Smashing: smashingconf.com/online-works...
🍎 Or if you happen to be going to Smashing NYC, I'll also be running it in person: smashingconf.com/ny-2025/work...
Ooh, super clever use of containment!
Here's a little swap from `display: inline-block` to using `inline-size: fit-content` so we can center with auto margins
codepen.io/5t3ph/pen/Jo...
Working on my talk for Web Directions Code and...
What has tripped you up in regards to #CSS when styling for both light and shadow DOM?
What tips would you tell your younger self to help make it less confusing?
📆 12 Days of Web returns a month from today!
Be sure to sign up for reminder emails or grab the RSS feed. You won't want to miss out on getting up to speed with some of the latest web features from the 12 incredible guest authors!
12daysofweb.dev
We come to you now with an Officially Big Announcement regarding a new partnership between Eleventy and CloudCannon: https://www.youtube.com/watch?v=nypsmn70ipI
What's always been "weird" to you about #CSS? As in, how something works? Less intuitive aspects? Stuff that trips you up even though you "know" how it works?
This is not a gripe thread, I'm looking for constructive input, thanks!
If anyone needs the shirt I was wearing at #CSSDay...
https://www.redbubble.com/people/5t3phDev/shop
📝 New Post: Modern CSS For Dynamic Component-Based Architecture
All the words and demos from my #CSSDay talk!
moderncss.dev/modern-css-for-dynamic-c...
Here are my slides from #CSSDay
Thanks for sticking with me to the end! 😅
https://5t3ph.dev/cssday23
#Amsterdam locals - what should we see, and what is ok to skip while we're there for #CSS day this week?
📣 This is a call to all web educators to collectively socialize the terms "inline" and "block".
If you're not ready to flip over to using logical properties, that's fine, but these terms still need to become the norm so that in a few years, the association has been established for folks.
oh hello!
gonna get the smallest bit spicy in tomorrow's newsletter 🌶️
https://moderncss.dev/newsletter
Shame on whoever didn't tell me about BroadcastChannel earlier.
In related news: Always bet on the web platform.
🚨 Less an an hour before today's #11ty meetup!
https://11tymeetup.dev/
Zoom link is in the calendar invite and will be posted to the 11ty Discord, too.
📆 Join us for THE #11ty Meetup happening tomorrow!
We'll have two great talks about the Eleventy community and caching data with Eleventy Fetch.
No signup required, just grab the calendar event or subscribe to the newsletter to get the Zoom link.
https://11tymeetup.dev/
The main reason I continue using Grammarly is to get a weekly graph of my perceived personality 🤪
I am once again writing about my favorite #CSS grid utility.
What trips you up about #CSS custom properties?
And - are you using them:
a) not at all
b) sometimes
c) most of the time
d) absolutely every project
If your framework doesn't include file-based routing as a first-class feature, I don't want it 🙅♀️
Oh dang - I hadn't ever thought of *that* as an argument against this style! Sticking that in my back pocket...