eupolicy.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
This Mastodon server is a friendly and respectful discussion space for people working in areas related to EU policy. When you request to create an account, please tell us something about you.

Server stats:

210
active users

#designsystems

1 post1 participant0 posts today
Egor Kloos<p>Received 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). </p><p><a href="https://mastodon.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webcomponents</span></a> <a href="https://mastodon.social/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Launches" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Launches</span></a><br>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"><span class="invisible">https://</span><span class="">ilo.im/165ebn</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Color" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Color</span></a> <a href="https://mastodon.social/tags/ColorPalettes" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ColorPalettes</span></a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a></p>
benschwarz<p>Skyscanner’s design systems team tediously audited all their colours. They reduced, fixed and renamed, simple stuff but a good outcome.</p><p><a href="https://medium.com/skyscanner-product-design/how-we-fixed-skyscanners-broken-colour-palette-ec25d19167dc" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">medium.com/skyscanner-product-</span><span class="invisible">design/how-we-fixed-skyscanners-broken-colour-palette-ec25d19167dc</span></a></p><p><a href="https://front-end.social/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a> <a href="https://front-end.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Tools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tools</span></a><br>CSS Design Tokens Analyzer · Uncover design tokens from your stylesheet <a href="https://ilo.im/1652ji" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1652ji</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/DesignTokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignTokens</span></a> <a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a> <a href="https://mastodon.social/tags/Webpage" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Webpage</span></a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a></p>
Egor Kloos<p>Created 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. </p><p><a href="https://mastodon.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webcomponents</span></a> <a href="https://mastodon.social/tags/testing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>testing</span></a> <a href="https://mastodon.social/tags/playwrite" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>playwrite</span></a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/designtokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designtokens</span></a> <a href="https://mastodon.social/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a> <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a></p>
castastrophe<p>Web 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">#<span>webcomponents</span></a> <a href="https://front-end.social/tags/styling" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>styling</span></a> <a href="https://front-end.social/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a></p>
Daniel Schildt<p>pastel <a href="https://github.com/sharkdp/pastel" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">github.com/sharkdp/pastel</span><span class="invisible"></span></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).</p><p><a href="https://mementomori.social/tags/Rust" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Rust</span></a> <a href="https://mementomori.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a></p>

The 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.

#UXDesign#Design#UX

Alright, I’m in the mood to start mocking up a design system for my personal blog/portfolio site. Everything is a little hazy in my mind right now, so I want to start tinkering around somewhere with colors, typography, etc. I know there is Figma, so I could start with that.

❓Are there any alternatives to Figma that others out in the Fediverse prefer using?

I spent the better part of a week working on layout web components. It toggles between flex and grid (with a subgrid for nesting) depending on the type of flow you need. Set the number of columns, or not. Optional min and max widths for the slots, gaps and padding, and orientation. That should do it, well, it better, I’m not making it again. 😅

Hi everyone! 👋 Like Bluesky’s initiative, I’ve created a starter pack of designers on Mastodon to help you connect with UX/UI/Product designers here. 🎨✨

If you’d like to be part of the list, just @ me and make sure your account discoverability is enabled. ✅

👉 Check out the starter pack here: fedidevs.com/s/NTU/

Let’s grow this fediverse community together! 🚀

fedidevs.comDesigners of Mastodon 🎨 - Mastodon Starter PackGather the main interface design accounts on the Fediverse #uxdesign #uidesign #webdesign #productdesign #designsystems
#ux#ui#design