westbrookFood for thought all you people out there #developingDesignSystems
https://report.zeroheight.com/#:~:text=do%20you%20use%3F-,Web%20frameworks,-Label
Here I am thinking about `:focus-visible-within`...as one does. And wondering, if #CSSWG doesn't think there's a valid path forward on their end, would it make sense to add a `focusVisible` property to `FocusEvent` (or more specifically the `focusin` event, is scoping were beneficial): https://github.com/w3c/csswg-drafts/issues/3080#issuecomment-3999919565 🤔
What do you think? Maybe I'm the crazy one... 🤣
Inversely, I love, love, love how this "just works™️" in #chromium 😍
https://codepen.io/Westbrook/pen/XJKyebR
Where's my #webkit and #mozilla peeps at?!?
You're seeing that right, `:host(:has(...))` and `:host:has(...)` are different, in a good way, but supported differently across browsers, in a bad way. Let's go head a build ALL the things that are meant to be in the browser. Not just some.
Pretty please 🙏
#webDev #CSS #CSSWG #webComponentsCG #testTheWebForward #developingDesignSystems
Love, love, love how this "just works ™️" in #webkit and #mozilla 😍
https://codepen.io/Westbrook/pen/KwMrmwd
Where's my #chromium peeps at?!?
#webDev #CSS #CSSWG #webComponentsCG #testTheWebForward #developingDesignSystems
Platform-provided Behavior Mixins you say?!? 😲
https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/PlatformProvidedMixins/explainer.md
What do you think? 👂
#webDev #webComponents #webComponentsCG #developingDesignSystems #w3c
Oh man, nothing like finally getting to meet someone you worked with remotely for a long period of time in person. Somehow a quick great to actually meet ya can turn into a 6 hour what’s up with #developingDesignSystems marathon hang. Also can remind you how much fun building software can be.
@stuffbreaker Is this a "Hot Take"? I thought this was _just the facts_. ™️
If there is a developer between you and an end user your user is the developer. Make their job easier, bring #a11y to the surface, bring #performance to the surface, bring #usability to the surface by making it such that what is easy is what is right and what is right will serve their use (maybe the end user) in was that they would likely not have done without your #designSystem.
Do you, also, develop with the #popoverAPI?
Do you do so in conjunction with IFRAMEs?
Possibly without thinking about it via #storybook?
Have you, also, run into this #Chromium bug with DevTools? https://issues.chromium.org/issues/378330033
+1s and CC adds are a great way to speed implementors on the path towards a fix. 🙇
@noleli @mayank Very cool to see some minds aligning...
Sharing an element means less DOM and opens the door for larger animations between focused elements! However, as a shadow DOM users, this would break down across boundaries, and I wonder a little bit about the spooky action at a distance...
I've been putting it into a #customElement definition as I am #developingDesignSystems so that "it just works™️", though without CSS Anchor Positioning and CSS Top Layer promotion it leaves you wanting.
It's very exciting to see #Adobe's Spectrum Web Components achieve version 1.0.0 after the hard work of many talented people across many years of work! https://github.com/adobe/spectrum-web-components/discussions/4888 💣 💥 🔥 🚒
Congrats @svoisen @graynorton @nikkimk @jnjosh @patrickfulton @garthdb et al! 👏 👏 👏 👏
Keep an eye on that team for more cool things in the future... 🚀
