fosstodon.org is one of the many independent Mastodon servers you can use to participate in the fediverse.
Fosstodon is an invite only Mastodon instance that is open to those who are interested in technology; particularly free & open source software. If you wish to join, contact us for an invite.

Administered by:

Server stats:

10K
active users

#UI

39 posts36 participants1 post today
JCON<p>Excited for <a href="https://mastodon.social/tags/JCON" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JCON</span></a> EUROPE 2025? See Jago de Vreede at <a href="https://mastodon.social/tags/JCON2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JCON2025</span></a> in Cologne talking about '<a href="https://mastodon.social/tags/Java" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Java</span></a> developer-friendly frontends: Build UIs without the <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> hassle'</p><p>Have you ever needed to build a <a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> as a backend <a href="https://mastodon.social/tags/developer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>developer</span></a> but didn’t want to dive deep …</p><p>Get your free <a href="https://mastodon.social/tags/JUG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JUG</span></a> Ticket: www.jcon.one</p>
Clarissa | making Enigma Heart<p>Working on adding support for two joypad bindings per action, which is something I should have done from the very beginning. Having to retrofit this into my existing system is more work than it would be if I had designed for it from the start.</p><p>The column will be neatened up and better aligned; this was just me throwing the second set of icons in there super fast to test it out.</p><p><a href="https://gamedev.lgbt/tags/GameDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GameDev</span></a> <a href="https://gamedev.lgbt/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://gamedev.lgbt/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> <a href="https://gamedev.lgbt/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://gamedev.lgbt/tags/EnigmaHeart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>EnigmaHeart</span></a></p>
Ben Stokman<p>I am once again BEGGING <a href="https://mast.benstokman.me/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a> / <a href="https://mast.benstokman.me/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a> designers to put a small (~½s) timeout on being able to click any button that has changed what its action does. Just now I accidentally disconnected by Bluetooth headphones because they connection just before I clicked the connect button, which switched to a disconnect button.</p>
Kerfuffle<p>Stop. Forcing. AI. On. People.</p><p>In this kind of situation, there should be a "No" button. I guess closing the popup using the X instead should be interpreted as not agreeing to the terms of service? </p><p><a href="https://mastodon.online/tags/Intellij" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Intellij</span></a> <a href="https://mastodon.online/tags/JetBrains" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JetBrains</span></a> <a href="https://mastodon.online/tags/ai" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ai</span></a> <a href="https://mastodon.online/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a> <a href="https://mastodon.online/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a></p>
Terry Boon<p>Updated two PCs to <a href="https://hachyderm.io/tags/Windows11" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Windows11</span></a>. How did I know when it was done? The taskbar was in the centre instead to the left-hand side. What's the first thing I did? Set it back to being on the left, with the Start button in an easily-hit corner, as Fitts's law suggests :-) <a href="https://en.wikipedia.org/wiki/Fitts%27s_law#Implications_for_UI_design" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">en.wikipedia.org/wiki/Fitts%27</span><span class="invisible">s_law#Implications_for_UI_design</span></a> <a href="https://hachyderm.io/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a> <a href="https://hachyderm.io/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>usability</span></a></p>
Ruedi<p>Wem's zu bunt wird: Open Source mLauncher für Android bringt stilvolle Übersicht ohne Icons für die App-Übersicht und unterstützt Gesten :<br><a href="https://f-droid.org/packages/app.mlauncher" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">f-droid.org/packages/app.mlaun</span><span class="invisible">cher</span></a><br><a href="https://play.google.com/store/apps/details?id=app.mlauncher" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">play.google.com/store/apps/det</span><span class="invisible">ails?id=app.mlauncher</span></a></p><p><a href="https://digitalcourage.social/tags/Android" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Android</span></a> <a href="https://digitalcourage.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenSource</span></a> <a href="https://digitalcourage.social/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> <a href="https://digitalcourage.social/tags/noIcons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>noIcons</span></a></p>
Fluchtkapsel<p>If the abbreviation text takes more space than the text being abbreviated then don't! Don't shorten 4 tokens to 3 and insert the text. Show 4 tokens. If there are 5 tokens, shorten them to 3 and show the text.</p><p><a href="https://nerdculture.de/tags/mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mastodon</span></a> <a href="https://nerdculture.de/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a></p>
Habr<p>Оптимизация UI-тестов с помощью API. Как избавиться от боли и ускорить автотесты в разы</p><p>Привет, всем! Я главный специалист по автоматизации тестирования в компании ITFB Group. Знакомо, когда UI-тесты работают медленно, падают из-за ерунды и отнимают кучу времени? Мы нашли решение - грамотно комбинируем API и UI проверки. Теперь тесты летают! Хотите так же? Сейчас расскажу, как это сделать.</p><p><a href="https://habr.com/ru/articles/901660/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">habr.com/ru/articles/901660/</span><span class="invisible"></span></a></p><p><a href="https://zhub.link/tags/itfb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>itfb</span></a> <a href="https://zhub.link/tags/qa" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>qa</span></a> <a href="https://zhub.link/tags/qa_testing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>qa_testing</span></a> <a href="https://zhub.link/tags/%D1%82%D0%B5%D1%81%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>тестирование</span></a> <a href="https://zhub.link/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a> <a href="https://zhub.link/tags/api" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>api</span></a></p>
Aleksander Stojanowski<p>If you look close enough, you’ll notice small changes. Future dates are slightly dimmed, only the last 4 months are shown at the time, and there is no year label (as all months are of the same year; otherwise, the label is present).<br><a href="https://iosdev.space/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://iosdev.space/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> <a href="https://iosdev.space/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://iosdev.space/tags/iOSDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>iOSDev</span></a> <a href="https://iosdev.space/tags/IndieDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IndieDev</span></a></p>
Matthias Gansrigler<p>And while I'm at it, what's with this!?<br><a href="https://mastodon.social/tags/safari" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>safari</span></a> <a href="https://mastodon.social/tags/macos" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>macos</span></a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a></p>
Matthias Gansrigler<p>Hey, Safari, what’s with this weird gap at the left edge of my open tabs?<br><a href="https://mastodon.social/tags/safari" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>safari</span></a> <a href="https://mastodon.social/tags/macos" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>macos</span></a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a></p>
Chee Aun 🤔<p>Interesting to see the hashtag link drop down menu being copied from Bsky 🤔<br><a href="https://mastodon.social/@Gargron/114343745045020844" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">mastodon.social/@Gargron/11434</span><span class="invisible">3745045020844</span></a></p><p><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/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a></p>
Aleksander Stojanowski<p>It looks the best when each month is almost full screen width, but it basically means returning to the current design, just with my custom calendar. I need to play with it a bit more to find a sweet spot.<br><a href="https://iosdev.space/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> <a href="https://iosdev.space/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://iosdev.space/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a></p>
Leroy<p>I have been thinking about a little UI addition to IceCubes (or any fediverse app).</p><p>What if, instead of relying on people writing 1/? on each thread, the UI could show how long the original thread, from the original author, is.</p><p>Is that even doable right now without doing a fetch of the the whole thread and doing some addition?</p><p>It would be nice if that data could be baked into the post data.</p><p><a href="https://indiehackers.social/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> <a href="https://indiehackers.social/tags/IceCubes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IceCubes</span></a> <a href="https://indiehackers.social/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Mastodon</span></a></p>
Pyngu Digital<p>Whitespace ist kein verschwendeter Platz, sondern ein kraftvolles Werkzeug für bessere Lesbarkeit, emotionale Resonanz und Markenwahrnehmung.</p><p>Wir geben Einblicke in Mikro- und Makro-Whitespace, Prinzipien und zukünftige Trends dieses Gestaltungselements im digitalen Design.</p><p><a href="https://pyngu.com/magazin/design/die-kunst-des-whitespace/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">pyngu.com/magazin/design/die-k</span><span class="invisible">unst-des-whitespace/</span></a></p><p><a href="https://social.pyngu.com/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://social.pyngu.com/tags/Whitespace" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Whitespace</span></a> <a href="https://social.pyngu.com/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://social.pyngu.com/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> <a href="https://social.pyngu.com/tags/Gestaltung" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Gestaltung</span></a> <a href="https://social.pyngu.com/tags/Webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Webdesign</span></a><br><a href="https://social.pyngu.com/tags/pyngumagazin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pyngumagazin</span></a> <a href="https://social.pyngu.com/tags/pyngurocks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pyngurocks</span></a></p>
HarriettMB<p><span class="h-card" translate="no"><a href="https://mastodon.scot/@Kellys" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Kellys</span></a></span> It means, as per his watery grovel in the Bel Tel a few days ago, Taoiseach Micheal Martin, is finding every possible way to delay the necessary moves towards reunification. This is being used as another excuse, when it should be harnessed as success and pressure to bring a 32 county ireland about. <a href="https://beige.party/tags/Think32" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Think32</span></a> <a href="https://beige.party/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a></p>
Tree 🌱<p>Also jetzt wirds seltsam... </p><p>Xing hat die kategorie "Get more out of XING" mit "1 of 7 notifications active". </p><p>Wenn ich aber die Kategorie öffne, sind da nur 6 Möglichkeiten die alle deaktiviert sind... </p><p>Also entweder das ist ein Bug oder die verstecken da eine Spam-Kategorie die man nicht deaktivieren kann... </p><p>So oder so... Kein gutes Zeichen... </p><p><a href="https://chaos.social/tags/wtf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wtf</span></a> <a href="https://chaos.social/tags/bug" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bug</span></a> <a href="https://chaos.social/tags/xing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>xing</span></a> <a href="https://chaos.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a> <a href="https://chaos.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a></p>
Tree 🌱<p>Wer zum F. hat dieses Interface verbrochen... </p><p>Fast so als ob die nicht wollen, dass man Benachrichtigungen abbestellt. 👀 </p><p><a href="https://chaos.social/tags/xing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>xing</span></a> <a href="https://chaos.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a> <a href="https://chaos.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a> <a href="https://chaos.social/tags/spam" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>spam</span></a> <a href="https://chaos.social/tags/mail" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mail</span></a> <a href="https://chaos.social/tags/xing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>xing</span></a> <a href="https://chaos.social/tags/wtf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wtf</span></a> <a href="https://chaos.social/tags/entropialeaks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>entropialeaks</span></a></p>
PhantaNews ✅<p>Wer den elend winzigen und nicht benutzerfreundlichen horizontalen Scrollbalken in der Deck-Ansicht von <a href="https://mastodon.online/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Mastodon</span></a> auf dem Desktop höher haben möchte, nutzt in Webkit-basierten Browsern folgendes User-<a href="https://mastodon.online/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a>:</p><p>.custom-scrollbars ::-webkit-scrollbar {<br> height: 15px !important;<br>} </p><p><a href="https://mastodon.online/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a> <a href="https://mastodon.online/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a></p>
WebExpo Conference<p>WebExpo is a 3-day conference in Prague packed with practical talks from world-class experts in <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a>, <a href="https://mastodon.social/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a>, <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/digitalmarketing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>digitalmarketing</span></a>, and <a href="https://mastodon.social/tags/business" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>business</span></a>. Plus workshops, discussions, mentoring, chill &amp; chat nights, kids' program and much more.</p><p>📆 May 28–30, 2025<br>🎫 Grab your ticket: webexpo.net/tickets</p>