bolha.us is one of the many independent Mastodon servers you can use to participate in the fediverse.
We're a Brazilian IT Community. We love IT/DevOps/Cloud, but we also love to talk about life, the universe, and more. | Nós somos uma comunidade de TI Brasileira, gostamos de Dev/DevOps/Cloud e mais!

Server stats:

252
active users

#designsystem

2 posts2 participants0 posts today
RecurringBloatware<p><span class="h-card" translate="no"><a href="https://bigshoulders.city/@EvanHahn" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>EvanHahn</span></a></span> can you share tips to aspiring devs struggling to create software? Sorry, I know this is a little generic question, but since the last three years I've graduated jobless and I am lacking the motivation to work towards a soul-draining 9-to-5 IT job.</p><p>Not having any successful - as of now, I am struggling to create my own blog/portfolio in Next + MDX + Tailwind, especially the design aspect.</p><p><a href="https://mastodon.social/tags/advice" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>advice</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/nextjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nextjs</span></a> <a href="https://mastodon.social/tags/designsystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designsystem</span></a> <a href="https://mastodon.social/tags/uiuxdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>uiuxdesign</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Examples" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Examples</span></a><br>From real to digital · How UI components are inspired by real-world objects <a href="https://ilo.im/162y07" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162y07</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> <a href="https://mastodon.social/tags/Components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Components</span></a> <a href="https://mastodon.social/tags/Interactivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Interactivity</span></a> <a href="https://mastodon.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignSystem</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UxDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/Inspiration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Inspiration</span></a></p>
Austin Andrews<p>Updated the select menu to operate closer to the way figma's does (swapped out the CSS variables to match figma's UI3 for the demo).</p><p>Eventually custom select menus will be possible without JS, but I think it's still getting agreement. :blobcatthink: </p><p><a href="https://fosstodon.org/tags/designsystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designsystem</span></a> <a href="https://fosstodon.org/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://fosstodon.org/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Guidelines" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Guidelines</span></a><br>Design systems need a color space · Ignoring color spaces is no longer an option <a href="https://ilo.im/162qtm" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162qtm</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Color" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Color</span></a> <a href="https://mastodon.social/tags/ColorSpace" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ColorSpace</span></a> <a href="https://mastodon.social/tags/DesignToken" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignToken</span></a> <a href="https://mastodon.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignSystem</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/VisualDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VisualDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Launches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Launches</span></a><br>Design Tokens · A glossary of concepts around design tokens <a href="https://ilo.im/162nq3" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162nq3</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Glossary" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Glossary</span></a> <a href="https://mastodon.social/tags/Terminology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Terminology</span></a> <a href="https://mastodon.social/tags/DesignTokens" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignTokens</span></a> <a href="https://mastodon.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignSystem</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a></p>
Hacker News<p>FlakeUI — <a href="https://github.com/tearflake/flake-ui" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">github.com/tearflake/flake-ui</span><span class="invisible"></span></a><br><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/FlakeUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FlakeUI</span></a> <a href="https://mastodon.social/tags/FlakeUIProject" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FlakeUIProject</span></a> <a href="https://mastodon.social/tags/UserInterface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UserInterface</span></a> <a href="https://mastodon.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignSystem</span></a> <a href="https://mastodon.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenSource</span></a></p>
Pierre-Yves Lapersonne<p>Good.<br><a href="https://framapiaf.org/tags/iOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>iOS</span></a> <a href="https://framapiaf.org/tags/iosdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>iosdev</span></a> <a href="https://framapiaf.org/tags/Swift" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Swift</span></a> <a href="https://framapiaf.org/tags/SwiftUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SwiftUI</span></a> <a href="https://framapiaf.org/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>opensource</span></a> <a href="https://framapiaf.org/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignSystem</span></a></p>
Dave 🧱 :cursor_pointer:<p>Wanted to share thoughts on some consultancy I did with a developer that wasn't building a <a href="https://mastodon.design/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignSystem</span></a>, but consuming one:<br><a href="https://designsystems.wtf/system-of-least-resistance/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">designsystems.wtf/system-of-le</span><span class="invisible">ast-resistance/</span></a></p>
Pierre-Yves Lapersonne<p>1,932 files for about 38 MB… now sure we tested all the cases for our design system. All the cases, for today.</p><p>Happy to use the swift-snapshot-testing library for these UI tests :yay:</p><p><a href="https://github.com/pointfreeco/swift-snapshot-testing" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/pointfreeco/swift-s</span><span class="invisible">napshot-testing</span></a></p><p><a href="https://framapiaf.org/tags/iosdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>iosdev</span></a> <a href="https://framapiaf.org/tags/appdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>appdev</span></a> <a href="https://framapiaf.org/tags/Swift" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Swift</span></a> <a href="https://framapiaf.org/tags/VieDeDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VieDeDev</span></a> <a href="https://framapiaf.org/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignSystem</span></a> <a href="https://framapiaf.org/tags/Opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Opensource</span></a></p>
Pierre-Yves Lapersonne<p>GitHub 2024 Year Review for Orange-OpenSource :yay:</p><p><a href="https://framapiaf.org/tags/GitHub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GitHub</span></a> <a href="https://framapiaf.org/tags/Orange" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Orange</span></a> <a href="https://framapiaf.org/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>opensource</span></a> <a href="https://framapiaf.org/tags/androiddev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>androiddev</span></a> <a href="https://framapiaf.org/tags/iosdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>iosdev</span></a> <a href="https://framapiaf.org/tags/designsystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designsystem</span></a></p><p><a href="https://github.com/Orange-OpenSource/floss-toolbox/discussions/187" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/Orange-OpenSource/f</span><span class="invisible">loss-toolbox/discussions/187</span></a></p>
Elwin van Eede<p><a href="https://mas.to/tags/introduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>introduction</span></a>:</p><p>I’m Elwin, and I’m a <a href="https://mas.to/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> Developer at Nordhealth, working on Nord <a href="https://mas.to/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignSystem</span></a> (<a href="https://nordhealth.design" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">nordhealth.design</span><span class="invisible"></span></a>) and the frontend architecture of Provet Cloud.</p><p>Some of my favorite tech stack tools are <a href="https://mas.to/tags/Vue" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Vue</span></a>, <a href="https://mas.to/tags/Nuxt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Nuxt</span></a>, and <a href="https://mas.to/tags/WebComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebComponents</span></a>.</p><p>I live in <a href="https://mas.to/tags/Utrecht" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Utrecht</span></a>, <a href="https://mas.to/tags/Netherlands" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Netherlands</span></a> with my girlfriend and cat.</p><p>I love to do some <a href="https://mas.to/tags/filmphotography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>filmphotography</span></a>, <a href="https://mas.to/tags/writing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>writing</span></a>, <a href="https://mas.to/tags/drawing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>drawing</span></a>, <a href="https://mas.to/tags/painting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>painting</span></a>, <a href="https://mas.to/tags/running" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>running</span></a>, and <a href="https://mas.to/tags/cycling" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cycling</span></a> (hybrid + mtb bike). Also, into <a href="https://mas.to/tags/popculture" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>popculture</span></a>, <a href="https://mas.to/tags/coffee" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coffee</span></a>, and <a href="https://mas.to/tags/hifi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>hifi</span></a>.</p><p>I'm an <a href="https://mas.to/tags/introvert" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>introvert</span></a> and a <a href="https://mas.to/tags/HSP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HSP</span></a>.</p>