MastodonTech.de

Frontend DogmaThe Biggest Threat to Your Design System Is Your Need to Be Liked, by <a href="https://mastodon.art/@Lauren" class="u-url mention" rel="nofollow noopener" target="_blank">@Lauren</a>:<a href="https://archive.fo/ihCsU" rel="nofollow noopener" translate="no" target="_blank">https://archive.fo/ihCsU</a><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designsystems</a> <a href="https://mas.to/tags/career" class="mention hashtag" rel="nofollow noopener" target="_blank">#career</a>

Stu RobsonWhat's that‽ I managed to carve out some time to go through the reading backlog for <a href="https://news.design.systems" rel="nofollow noopener" translate="no" target="_blank">https://news.design.systems</a>? There's a fresh email prep'd and ready for 10am today? You've still not signed up?🙏🖤 <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/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://front-end.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontEnd</a> <a href="https://front-end.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a>

Dave 🧱 :cursor_pointer:Just seen the term “violently agreeing” and I’ve never seen something so <a href="https://mastodon.design/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a> in my life

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Approaches" class="mention hashtag" rel="nofollow noopener" target="_blank">#Approaches</a> Design system deviation is a signal · Ways to track if something in the system needs care <a href="https://ilo.im/165rou" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/165rou</a>_____ <a href="https://mastodon.social/tags/Tracking" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tracking</a> <a href="https://mastodon.social/tags/Deviations" class="mention hashtag" rel="nofollow noopener" target="_blank">#Deviations</a> <a href="https://mastodon.social/tags/Governance" class="mention hashtag" rel="nofollow noopener" target="_blank">#Governance</a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a> <a href="https://mastodon.social/tags/DesignTeam" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignTeam</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#ProductDesign</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>

castastropheWe all want our design system components to be pretty; they represent the expression of the brand! But how much should they self-manage or reach out of themselves and manage peers in the DOM? What are your thoughts?Pretty and dumb or pretty and highly capable?<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/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designsystems</a>

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>

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>

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>

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>

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>

Frontend DogmaAccessibility in Design Systems, by <a href="https://fosstodon.org/@devoorhoede" class="u-url mention" rel="nofollow noopener" target="_blank">@devoorhoede</a>:<a href="https://www.voorhoede.nl/en/blog/accessibility-in-design-systems/" rel="nofollow noopener" translate="no" target="_blank">https://www.voorhoede.nl/en/blog/accessibility-in-design-systems/</a><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designsystems</a> <a href="https://mas.to/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://mas.to/tags/eaa" class="mention hashtag" rel="nofollow noopener" target="_blank">#eaa</a>

Frontend DogmaDesign Systems of the Future, by @bencallahan.com:<a href="https://bencallahan.com/design-system-of-the-future" rel="nofollow noopener" translate="no" target="_blank">https://bencallahan.com/design-system-of-the-future</a><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designsystems</a> <a href="https://mas.to/tags/outlooks" class="mention hashtag" rel="nofollow noopener" target="_blank">#outlooks</a> <a href="https://mas.to/tags/metrics" class="mention hashtag" rel="nofollow noopener" target="_blank">#metrics</a>

Andrew F.Today I had cause to get out my old <a href="https://social.linux.pizza/tags/Acorn" class="mention hashtag" rel="nofollow noopener" target="_blank">#Acorn</a> <a href="https://social.linux.pizza/tags/RISCOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#RISCOS</a> 3 Style Guide to demonstrate that the fundamentals of good <a href="https://social.linux.pizza/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> can date back well over 30 years - same with the <a href="https://social.linux.pizza/tags/Apple" class="mention hashtag" rel="nofollow noopener" target="_blank">#Apple</a> <a href="https://social.linux.pizza/tags/HIG" class="mention hashtag" rel="nofollow noopener" target="_blank">#HIG</a>.I need to find a modern equivalent that clearly shows the basics for an "intro to usability" post. Most <a href="https://social.linux.pizza/tags/designSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designSystems</a> seem overly focused on their components, rather than the principles of a good WIMP system.<a href="https://social.linux.pizza/tags/RetroComputing" class="mention hashtag" rel="nofollow noopener" target="_blank">#RetroComputing</a>

Frontend DogmaThe Politics of Design Systems, by @jondaiello.bsky.social:<a href="https://www.jondaiello.com/posts/the-politics-of-design-systems" rel="nofollow noopener" translate="no" target="_blank">https://www.jondaiello.com/posts/the-politics-of-design-systems</a><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designsystems</a>

Frontend DogmaReimagining Design Systems as Evolving Products, by @uxmatters.bsky.social:<a href="https://www.uxmatters.com/mt/archives/2025/06/reimagining-design-systems-as-evolving-products.php" rel="nofollow noopener" translate="no" target="_blank">https://www.uxmatters.com/mt/archives/2025/06/reimagining-design-systems-as-evolving-products.php</a><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designsystems</a>

Frontend Dogma6 Ways to Use Documentation Analytics in Your Next Design System Launch, by (not on Mastodon or Bluesky):<a href="https://www.supernova.io/blog/6-ways-to-use-documentation-analytics-in-your-next-design-system-launch" rel="nofollow noopener" translate="no" target="_blank">https://www.supernova.io/blog/6-ways-to-use-documentation-analytics-in-your-next-design-system-launch</a><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designsystems</a> <a href="https://mas.to/tags/documentation" class="mention hashtag" rel="nofollow noopener" target="_blank">#documentation</a> <a href="https://mas.to/tags/analytics" class="mention hashtag" rel="nofollow noopener" target="_blank">#analytics</a>

triswebThe most customer-focused engineers and UX designers I've worked with don't really care that much about Design Systems.The user and how tasks work for them are the number one priority. Even if it's inefficient, difficult, or more time consuming.They still think in design systems, and modularity, and making things easier to build and design--but it's always second fiddle to what the software is actually able to do.I think that's very right.<a href="https://m.trisweb.com/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UXDesign</a> <a href="https://m.trisweb.com/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://m.trisweb.com/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> <a href="https://m.trisweb.com/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a> <a href="https://m.trisweb.com/tags/Software" class="mention hashtag" rel="nofollow noopener" target="_blank">#Software</a> <a href="https://m.trisweb.com/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a>

Frontend DogmaIntegrating Localization Into Design Systems, by <a href="https://mastodon.social/@smashingmag" class="u-url mention" rel="nofollow noopener" target="_blank">@smashingmag</a>:<a href="https://www.smashingmagazine.com/2025/05/integrating-localization-into-design-systems/" rel="nofollow noopener" translate="no" target="_blank">https://www.smashingmagazine.com/2025/05/integrating-localization-into-design-systems/</a><a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#designsystems</a> <a href="https://mas.to/tags/localization" class="mention hashtag" rel="nofollow noopener" target="_blank">#localization</a> <a href="https://mas.to/tags/figma" class="mention hashtag" rel="nofollow noopener" target="_blank">#figma</a> <a href="https://mas.to/tags/casestudies" class="mention hashtag" rel="nofollow noopener" target="_blank">#casestudies</a>

Frühere Suchanfragen

Suchoptionen

Verwaltet von:

Serverstatistik:

#designsystems