Stephanie Eckles
5t3ph@front-end.social
<p>(she/her) ✨ a11y • CSS • HTML • 11ty</p><p>Design Systems at Adobe<br />CSSWG member</p>
Posts
-
View post
RE: https://mastodon.social/@firefoxwebdevs/116607099768026692 Is it my birthday??!?!? 🎉
-
View post
Now that style queries have landed in Firefox, the next thing I need is `closedby` for dialog supported in Safari.
-
View post
@davatron5000 this is incredible and I will be using this for Spectrum Web Components, too! 🙌 PS - putting this project of ours on your radar in case you&#39;d like to contribute any other CSS oddities for shadow DOM! I&#39;ll add your article as a resource for scope and the one issue I didn&#39;t already have listed soon. https://shadow-dom-css.adobe.com/
-
View post
@OddBird 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/
-
View post
Oh hey, come work with me! We&#39;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
-
View post
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! 💜
-
View post
📆 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/welcom...
-
View post
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…
-
View post
The other day my almost 9yo was lamenting that the group she considers the &quot;cool girls&quot; said cool words. Trying to be supportive, I said &quot;Like what? I&#39;m sure you could learn to use them, too!&quot; And I deserve a medal for keeping a completely straight face when she responded: &quot;They say cool stuff like &#39;jk&#39; and &#39;lol&#39; &quot;
-
View post
New improvements for `@keyframes` behavior in shadow DOM in Chromium! https://shadow-dom-css.adobe.com/changelog/at-keyframes/ (cc @knowler)
-
View post
Just published the first contribution to the Shadow DOM for #CSS project, courtesy of @knowler! Check out why `@ keyframes` is ranked &quot;Use With Caution&quot; 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&#39;s your thing!)
-
View post
🌟 I&#39;m once again asking that if you&#39;re a maker of the web, consider your New Year&#39;s resolution to be making usable, accessible, performant sites/applications.
-
View post
📝 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/
-
View post
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.ado...