Stephanie Eckles

New improvements for `@keyframes` behavior in shadow DOM in Chromium!

https://shadow-dom-css.adobe.com/changelog/at-keyframes/

(cc @knowler@sunny.garden)

Just published the first contribution to the Shadow DOM for #CSS project, courtesy of @knowler@sunny.garden!

Check out why `@ keyframes` is ranked "Use With Caution"

https://shadow-dom-css.adobe.com/features/at-keyframes/

This is definitely a feature that really shows the importance of exposing this kind of data!

(PS - grab the RSS feed if that's your thing!)

The other day my almost 9yo was lamenting that the group she considers the "cool girls" said cool words. Trying to be supportive, I said "Like what? I'm sure you could learn to use them, too!"

And I deserve a medal for keeping a completely straight face when she responded: "They say cool stuff like 'jk' and 'lol' "

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. Think “CanIUse” but for CSS for web components.

The goal is to surface how modern CSS behaves when light and shadow DOM contexts meet, providing visibility into feature parity, usage details, and outstanding issues and bugs. We hope it’s a useful resource for the web components community, and we’d love your feedback and contributions!

https://shadow-dom-css.adobe.com/

Sort of serendipitously came up with a #CSS trick at work yesterday that definitely solves an old problem. Might finally have a new blog post to write this weekend…

📆 Starting this Thursday, I’m teaching a live workshop with Smashing Magazine where we’ll build accessible, reusable interactive components using modern CSS to create scalable, resilient patterns that are compatible with any stack.

If you’re a front-end developer ready to level up your component pattern design skills and #accessibility knowledge, this is for you 💜

👉 Discount available with this sign-up link:
https://ti.to/smashingmagazine/online-workshops-hub//with/06rmojdqaeu/discount/welcometomyworkshop

Dear conference organizers,

I *really* want to give a talk on “the ergonomics of the cascade” (aka the “C” in CSS) because tools for managing it are both more powerful and more confusing than ever before.

Secondarily, I’m pretty excited to share a trove of findings about styling when you’re handling cross-context concerns between light and shadow DOM.

If either of those sound like a fit, message me or point me to your CFP, thanks! 💜

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

https://adobe.design/jobs/job-posts/prototyping-and-engineering/r163198-design-engineer

@OddBird@front-end.social CSS is Awesome game reminded me of this silly little project from 3 years ago about popularity of CSS named colors: https://popular-named-css-colors.netlify.app/

📝 Fresh post:

12 Modern #CSS One-Line Upgrades

Sometimes, improving your application CSS just takes a one-line upgrade or enhancement! Learn about 12 properties to start incorporating into your projects, and enjoy reducing technical debt, removing JavaScript, and scoring easy wins for user experience.

https://moderncss.dev/12-modern-css-one-line-upgrades/

🌟 I'm once again asking that if you're a maker of the web, consider your New Year's resolution to be making usable, accessible, performant sites/applications.