mastodon 4.7.3(she/her) ✨ a11y • CSS • HTML • 11ty
Design Systems at Adobe
CSSWG member
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' "
Now that style queries have landed in Firefox, the next thing I need is `closedby` for dialog supported in Safari.
RE: @firefoxwebdevs@mastodon.social
Is it my birthday??!?!? 🎉
New improvements for `@keyframes` behavior in shadow DOM in Chromium!
@davatron5000@mastodon.social 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'd like to contribute any other CSS oddities for shadow DOM! I'll add your article as a resource for scope and the one issue I didn't already have listed soon.
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…
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! 💜
📝 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.
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!)
🌟 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.
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/
📆 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