| website | https://kilianvalkhof.com |
| Polypane | https://polypane.app |
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!
I make good use of the Intl API in Polypane and on its website, so it was high time I did a Polypane-style deep-dive on it.
Check out our new article, play around with the interactive examples or hear me yap about it on video. Whatever works for you!
https://polypane.app/blog/the-intl-api-the-best-browser-api-youre-not-using/
I sometimes get asked to implement a screen reader emulator into Polypane.app and while that sounds cool, it would cause people to focus on and test the wrong things.
Thanks to @yatil I now have a good resource to point to when they ask why: https://yatil.net/blog/screen-readers-are-not-testing-tools
Most developers reach for date-fns or Moment.js without realizing the browser already ships a powerful string formatting library called the JavaScript Intl API. Killian Valkhof, creator of Polypane, walks through how locale-aware date formatting, currency formatting, the Segmenter API, and the Collator API can replace heavy npm dependencies, with support for over 7,000 locales baked right into every evergreen browser since 2017.
@matuzo if you have an image in a link, then the alt text of the image serves the dual purpose of describing the image and being the accessible text of the link, so should make it clear where the link goes.
This is in response to all the header logos that go the homepage with the accessible name "Logo of $company"
Stephanie Eckles
Eric Eggert