Mastodon 🐘

Egor KloosReceived some feedback from a team using the Custom Element library for an Enterprise Design System I've been working on. Some cross-component lifecycle adjustments were necessary to enhance React compatibility. The nice part was that they also mentioned their (React 19) application was much faster with custom elements, both perceptually and measurably (using Lighthouse). <a href="https://mastodon.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#webcomponents</a> <a href="https://mastodon.social/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designsystems</a>

Burton SmithWhat a great article by Luis Hermosilla!"When machines can mimic anything, authenticity becomes a competitive edge."<a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://uxdesign.cc/an-ode-to-breaking-things-9b8ed1cec5ce" rel="nofollow noopener" translate="no" target="_blank">https://uxdesign.cc/an-ode-to-breaking-things-9b8ed1cec5ce</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Launches" class="mention hashtag" rel="nofollow noopener" target="_blank">#Launches</a> Kigen Color Generator · A powerful web tool to create refined color palettes <a href="https://ilo.im/165ebn" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/165ebn</a>_____ <a href="https://mastodon.social/tags/Color" class="mention hashtag" rel="nofollow noopener" target="_blank">#Color</a> <a href="https://mastodon.social/tags/ColorPalettes" class="mention hashtag" rel="nofollow noopener" target="_blank">#ColorPalettes</a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#TailwindCSS</a>

benschwarzSkyscanner’s design systems team tediously audited all their colours. They reduced, fixed and renamed, simple stuff but a good outcome.<a href="https://medium.com/skyscanner-product-design/how-we-fixed-skyscanners-broken-colour-palette-ec25d19167dc" rel="nofollow noopener" translate="no" target="_blank">https://medium.com/skyscanner-product-design/how-we-fixed-skyscanners-broken-colour-palette-ec25d19167dc</a><a href="https://front-end.social/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designsystems</a> <a href="https://front-end.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a>

Mike-麥-Mai-v1.618 😎i think it went well. :)good public speaking practice to prepare me for October's a11yTO. :catjam:<a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a>

Mike-麥-Mai-v1.618 😎will be on stage soon. haven't done a public talk in a long time. hope it goes well. :blobcat:<a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a>

Tiago 🇵🇹🇸🇪Another Swedish Design Systems job just spotted 🇸🇪🎊Länsförsäkringar is looking for a Product Owner to, well, own their Design System 😊Read the job description and apply at <a href="https://jobb.lansforsakringar.se/LansforsakringarAB/job/Stockholm-Product-Owner-Designsystem/825015002" rel="nofollow noopener" translate="no" target="_blank">https://jobb.lansforsakringar.se/LansforsakringarAB/job/Stockholm-Product-Owner-Designsystem/825015002</a>Find more Swedish Design System jobs at <a href="https://bit.ly/swedish-design-systems-jobs" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-jobs</a>And share new openings with us via <a href="https://bit.ly/swedish-design-systems-add-job" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-add-job</a><a href="https://mastodon.social/tags/SwedishDesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#SwedishDesignSystems</a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a>

Frontend DogmaHow to Make a Design System That’s Not Boring, by <a href="https://mastodon.social/@brad_frost" class="u-url mention" rel="nofollow noopener" target="_blank">@brad_frost</a> and <a href="https://hachyderm.io/@jlengstorf" class="u-url mention" rel="nofollow noopener" target="_blank">@jlengstorf</a> (@codetv.dev):<a href="https://www.youtube.com/watch?v=3_U2tAz4-gk" rel="nofollow noopener" translate="no" target="_blank">https://www.youtube.com/watch?v=3_U2tAz4-gk</a><a href="https://mas.to/tags/videos" class="mention hashtag" rel="nofollow noopener" target="_blank">#videos</a> <a href="https://mas.to/tags/howtos" class="mention hashtag" rel="nofollow noopener" target="_blank">#howtos</a> <a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designsystems</a> <a href="https://mas.to/tags/interviews" class="mention hashtag" rel="nofollow noopener" target="_blank">#interviews</a>

Tiago 🇵🇹🇸🇪It's fantastic to see a fourth Swedish Design Systems job popping up within the last 48 hours 🇸🇪🎉Saab is also seeking a UX Designer to work on their Design System.Read the job description and apply at <a href="https://www.saab.com/career/job-opportunities/ux-designer--design-system--common-components" rel="nofollow noopener" translate="no" target="_blank">https://www.saab.com/career/job-opportunities/ux-designer--design-system--common-components</a>Find more Swedish Design System jobs at <a href="https://bit.ly/swedish-design-systems-jobs" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-jobs</a>And share new openings with us via <a href="https://bit.ly/swedish-design-systems-add-job" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-add-job</a><a href="https://mastodon.social/tags/SwedishDesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#SwedishDesignSystems</a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a>

Tiago 🇵🇹🇸🇪Looking for a Swedish Design System job, or looking for someone to work on your Sweden-based Design System? 🇸🇪For over 2 years, I've been running a blue and yellow Design Systems job board, a DS directory, and a specialist database.<a href="http://www.swedishdesignsystems.se" rel="nofollow noopener" translate="no" target="_blank">http://www.swedishdesignsystems.se</a><a href="https://mastodon.social/tags/SwedishDesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#SwedishDesignSystems</a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a>

Tiago 🇵🇹🇸🇪Another Swedish Design Systems job just spotted 🇸🇪🎉Spotify is looking for a Product Designer II to join the team working on Encore, their world-class Design System.Read the job description and apply at <a href="https://jobs.lever.co/spotify/23f316f3-03d9-4834-ae24-77954e0ca431" rel="nofollow noopener" translate="no" target="_blank">https://jobs.lever.co/spotify/23f316f3-03d9-4834-ae24-77954e0ca431</a>Find more Swedish Design System jobs at <a href="https://bit.ly/swedish-design-systems-jobs" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-jobs</a>And share new openings with us via <a href="https://bit.ly/swedish-design-systems-add-job" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-add-job</a><a href="https://mastodon.social/tags/SwedishDesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#SwedishDesignSystems</a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Tools" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tools</a> CSS Design Tokens Analyzer · Uncover design tokens from your stylesheet <a href="https://ilo.im/1652ji" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/1652ji</a>_____ <a href="https://mastodon.social/tags/DesignTokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignTokens</a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a> <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener" target="_blank">#Webpage</a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a>

Tiago 🇵🇹🇸🇪New remote UX Designer job on the Canonical Design System.Read the job description and apply at <a href="https://job-boards.greenhouse.io/canonical/jobs/7043028" rel="nofollow noopener" translate="no" target="_blank">https://job-boards.greenhouse.io/canonical/jobs/7043028</a>Find more Swedish Design System jobs at <a href="https://bit.ly/swedish-design-systems-jobs" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-jobs</a>And share new openings with us via <a href="https://bit.ly/swedish-design-systems-add-job" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-add-job</a><a href="https://mastodon.social/tags/SwedishDesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#SwedishDesignSystems</a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a>

Tiago 🇵🇹🇸🇪New Swedish Design System job out 🇸🇪🎉Saab is looking for a Design System and Tech Compliance Manager.Read the job description and apply at <a href="https://www.saab.com/career/job-opportunities/manager--design-system--tech-compliance1" rel="nofollow noopener" translate="no" target="_blank">https://www.saab.com/career/job-opportunities/manager--design-system--tech-compliance1</a>Find more Swedish Design System jobs at <a href="https://bit.ly/swedish-design-systems-jobs" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-jobs</a>And share new openings with us via <a href="https://bit.ly/swedish-design-systems-add-job" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-add-job</a><a href="https://mastodon.social/tags/SwedishDesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#SwedishDesignSystems</a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a>

PenpotPenpot Variants Are Coming | Sneak Peek Demo <a href="https://peertube.kaleidos.net/w/hsBtfFv9QdSXXmucpsyfub" rel="nofollow noopener" translate="no" target="_blank">https://peertube.kaleidos.net/w/hsBtfFv9QdSXXmucpsyfub</a>

Egor KloosCreated some tests for web components that retrieve a required design token value and check if the rendered elements have the equivalent computed value. For example, if the element is showing the correct values for a focus ring. <a href="https://mastodon.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#webcomponents</a> <a href="https://mastodon.social/tags/testing" class="mention hashtag" rel="nofollow noopener" target="_blank">#testing</a> <a href="https://mastodon.social/tags/playwrite" class="mention hashtag" rel="nofollow noopener" target="_blank">#playwrite</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://mastodon.social/tags/designtokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#designtokens</a> <a href="https://mastodon.social/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designsystems</a> <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#a11y</a>

Michael Arestadokay this site and posts are absolute gold <a href="https://www.nicchan.me/" rel="nofollow noopener" translate="no" target="_blank">https://www.nicchan.me/</a><a href="https://front-end.social/tags/designSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designSystems</a> <a href="https://front-end.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#design</a> <a href="https://front-end.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://front-end.social/tags/developer" class="mention hashtag" rel="nofollow noopener" target="_blank">#developer</a> <a href="https://front-end.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a>

castastropheWeb components compadres, what is your favorite way to style your web components? Thinking about techniques that consider customizability and CSS developer experience, as well as performance. Share with me your favorite libraries and tell me why you like their approach! <a href="https://front-end.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#webcomponents</a> <a href="https://front-end.social/tags/styling" class="mention hashtag" rel="nofollow noopener" target="_blank">#styling</a> <a href="https://front-end.social/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designsystems</a>

Daniel Schildtpastel <a href="https://github.com/sharkdp/pastel" rel="nofollow noopener" translate="no" target="_blank">https://github.com/sharkdp/pastel</a> looks like a cool tool for playing with colours on a command line environment. It's available for a lot of different systems, and can be installed via package management systems (even on Windows).<a href="https://mementomori.social/tags/Rust" class="mention hashtag" rel="nofollow noopener" target="_blank">#Rust</a> <a href="https://mementomori.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a>

Tiago 🇵🇹🇸🇪New Swedish Design Systems role just spotted 🎉🇸🇪Wolt is looking for a Staff Product Designer to join their team!Read the job description and apply at <a href="https://job-boards.greenhouse.io/wolt/jobs/6693774" rel="nofollow noopener" translate="no" target="_blank">https://job-boards.greenhouse.io/wolt/jobs/6693774</a>Find more Swedish Design System jobs at <a href="https://bit.ly/swedish-design-systems-jobs" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-jobs</a>And share new positions with us via <a href="https://bit.ly/swedish-design-systems-add-job" rel="nofollow noopener" translate="no" target="_blank">https://bit.ly/swedish-design-systems-add-job</a><a href="https://mastodon.social/tags/SwedishDesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#SwedishDesignSystems</a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a>

Recent searches

Search options

Administered by:

Server stats:

#DesignSystems