Stephanie Eckles

@5t3ph.bsky.social

(she/her) ✨ a11y • CSS • HTML • 11ty • Design Systems

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 Feature Support For Shadow DOM

Tracking the state of support for CSS features within and across the shadow DOM to provide visibility into feature parity, usage details, and outstanding issues and bugs.

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

Smashing Online Workshops

Meet practical and friendly online workshops on front-end, design & UX. Boost your skills online, with actionable insights by experts in the industry, live. 👩‍💻 Find all workshops at https://smash...

ti.to

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 💜

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

SmashingConf New York 2025

For the 9th SmashingConf New York — we will be back in downtown New York, just around the corner of Times Square on October 6–9. With one track, two days, 12 speakers and 400 attendees, expect actiona...

ti.to

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

Building Interactive, Accessible Components with Modern CSS & JS — Online Workshops

CSS is more capable than ever, even replacing some behaviors previously only possible via JavaScript. Join this workshop to learn about the dynamic features now available in modern CSS, as well as dis...

smashingconf.com

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

SmashingConf New York 2025

For the 9th SmashingConf New York — we will be back in downtown New York, just around the corner of Times Square on October 6–9. With one track, two days, 12 speakers and 400 attendees, expect actiona...

ti.to

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?

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!

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