digitalcourage.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Diese Instanz wird betrieben von Digitalcourage e.V. für die Allgemeinheit. Damit wir das nachhaltig tun können, erheben wir einen jährlichen Vorausbeitrag von 1€/Monat per SEPA-Lastschrifteinzug.

Server stats:

818
active users

#ui

32 posts30 participants1 post today
姆姆むむMumu(合法蘿莉ロリ)<p>October Challenge ❤️</p><p><a href="https://mastodon.social/tags/%E6%99%82%E9%9B%A8%E7%BE%BD%E8%A1%A3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>時雨羽衣</span></a> <a href="https://mastodon.social/tags/%E6%99%82%E9%9B%A8" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>時雨</span></a> <a href="https://mastodon.social/tags/%E7%BE%BD%E8%A1%A3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>羽衣</span></a> <a href="https://mastodon.social/tags/%E3%81%97%E3%81%90%E3%82%8C%E3%81%86%E3%81%84" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>しぐれうい</span></a> <a href="https://mastodon.social/tags/%E3%81%97%E3%81%90%E3%82%8C" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>しぐれ</span></a> <a href="https://mastodon.social/tags/%E3%81%86%E3%81%84" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>うい</span></a> <a href="https://mastodon.social/tags/shigureui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>shigureui</span></a> <a href="https://mastodon.social/tags/shigure" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>shigure</span></a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a> </p><p><a href="https://mastodon.social/tags/%EC%BD%94%EC%8A%A4%EC%96%B4_%ED%8A%B8%EC%B9%9C%EC%86%8C" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>코스어_트친소</span></a><br><a href="https://mastodon.social/tags/%EC%BD%94%EC%8A%A4%ED%94%84%EB%A0%88" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>코스프레</span></a><br><a href="https://mastodon.social/tags/%EC%BD%94%EC%8A%A4%EC%96%B4" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>코스어</span></a><br><a href="https://mastodon.social/tags/%E8%A7%92%E8%89%B2%E6%89%AE%E6%BC%94" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>角色扮演</span></a> <br><a href="https://mastodon.social/tags/%E3%82%B3%E3%82%B9%E3%83%97%E3%83%AC%E5%A5%B3%E5%AD%90" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>コスプレ女子</span></a> <br><a href="https://mastodon.social/tags/japanesecosplay" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>japanesecosplay</span></a> <a href="https://mastodon.social/tags/%E3%82%B3%E3%82%B9%E3%83%97%E3%83%AC%E6%92%AE%E5%BD%B1" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>コスプレ撮影</span></a> <br><a href="https://mastodon.social/tags/%E3%82%B3%E3%82%B9%E3%83%97%E3%83%AC%E5%86%99%E7%9C%9F" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>コスプレ写真</span></a> <br><a href="https://mastodon.social/tags/cosplayers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cosplayers</span></a> <a href="https://mastodon.social/tags/cosplayer" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cosplayer</span></a> <a href="https://mastodon.social/tags/cosplay" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cosplay</span></a><br> <a href="https://mastodon.social/tags/cosplayphoto" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cosplayphoto</span></a> <a href="https://mastodon.social/tags/cosplaygirl" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cosplaygirl</span></a> <br><a href="https://mastodon.social/tags/%E3%82%B3%E3%82%B9%E3%83%97%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>コスプレイヤー</span></a> <a href="https://mastodon.social/tags/%E3%82%B3%E3%82%B9%E3%83%97%E3%83%AC" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>コスプレ</span></a> <br><a href="https://mastodon.social/tags/%E3%83%9D%E3%83%BC%E3%83%88%E3%83%AC%E3%83%BC%E3%83%88" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ポートレート</span></a> <a href="https://mastodon.social/tags/%E3%83%9D%E3%83%88%E3%83%AC" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ポトレ</span></a> <a href="https://mastodon.social/tags/portrait" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>portrait</span></a><br><a href="https://mastodon.social/tags/%E3%82%B3%E3%82%B9%E3%83%97%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E3%81%95%E3%82%93%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>コスプレイヤーさんと繋がりたい</span></a> <a href="https://mastodon.social/tags/cosplayphotography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cosplayphotography</span></a> <a href="https://mastodon.social/tags/cosplaymodel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cosplaymodel</span></a></p>
James Edward Gray II<p>Some inspiration for your next UI assignment: <a href="https://uxdesign.cc/the-worst-volume-control-ui-in-the-world-60713dc86950" rel="nofollow noopener" target="_blank">https://uxdesign.cc/the-worst-volume-control-ui-in-the-world-60713dc86950</a></p><p><a class="hashtag" href="https://genserver.social/tag/funny" rel="nofollow noopener" target="_blank">#funny</a> <a class="hashtag" href="https://genserver.social/tag/ui" rel="nofollow noopener" target="_blank">#ui</a></p>
Егорушка Сподобаев<p>Вообще, в Тубе куча тормозов и тупости в интерфейсе, но это всё равно лучший клиент Мастодонта. Все остальные —&nbsp;полный трындец ваще. Туба хоть ухоженная.</p><p><a href="https://ohai.social/tags/tuba" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tuba</span></a> <a href="https://ohai.social/tags/mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mastodon</span></a> <a href="https://ohai.social/tags/mastodonClient" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mastodonClient</span></a> <a href="https://ohai.social/tags/gnome" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gnome</span></a> <a href="https://ohai.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> <a href="https://ohai.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://ohai.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a> <a href="https://ohai.social/tags/%D0%BC%D0%B0%D1%81%D1%82%D0%BE%D0%B4%D0%BE%D0%BD" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>мастодон</span></a> <a href="https://ohai.social/tags/%D0%BC%D0%B0%D1%81%D1%82%D0%BE%D0%B4%D0%BE%D0%BD%D1%82" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>мастодонт</span></a> <a href="https://ohai.social/tags/%D0%B3%D0%BD%D0%BE%D0%BC" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>гном</span></a> <a href="https://ohai.social/tags/%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>дизайн</span></a></p>
Markus Werle<p>Und wieder ist es passiert: Jemand hat mir eine <a href="https://nrw.social/tags/Nextcloud" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Nextcloud</span></a> Freigabe erteilt und versucht, dafür ein <a href="https://nrw.social/tags/Passwort" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Passwort</span></a> zu setzen. Weil die Fehlermeldung links oben (!!!) in der Ecke erscheint, hat die Person die Bemängelung des Passworts nicht gesehen und schwupps - ist der ganze Kram ohne Passwortschutz im Netz.</p><p>Ich halte die <a href="https://nrw.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> von <span class="h-card" translate="no"><a href="https://mastodon.xyz/@nextcloud" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>nextcloud</span></a></span> für ein imposantes Negativ-Beispiel für die Gestaltung grafischer Benutzeroberflächen. Wie seht ihr das?</p>
Bastian<p>Da passt UI nicht ganz zur Realität. Das Schild mit dem Hinweis, dass es ein rotes Licht gibt, wenn die Toilette besetzt ist, ist unter einer roten Leuchte, aber diese leuchtet gar nicht, sondern die rote Leuchte auf der anderen Seite der Tür.</p><p><a href="https://berlin.social/tags/BadRappenau" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadRappenau</span></a> <a href="https://berlin.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a></p>
Auden in Austria Digital<p><span class="h-card" translate="no"><a href="https://fedihum.org/@Mareike2405" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>Mareike2405</span></a></span> Man müsste die Frage, ob ein Projekt "nicht mehr online" ist, vielleicht dahingehend differenzieren, ob eine einfach verfügbare Web-Applikation nicht mehr aufrufbar ist, oder ob Daten (<a href="https://fedihum.org/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://fedihum.org/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> womöglich nicht ganz so benutzer:innenfreundlich) in Langzeit-Repositorien vorhanden sind/bleiben.</p>
Justice for Willie Simmons<p>Trying to order things for Willie is a tour of crappy websites. </p><p>Companies with literal captive consumers, who are making money hand over fist, can't be bothered to spend more than the minimum to stand up a website.</p><p>I create an account and the popup tells me to hold on, as it could take ten minutes. Is someone using a typewriter to create an index card, to put in a filing cabinet?</p><p>The email verification step never asks for the code it sent.</p><p>It asks for "offender id". Really? Cause this website is what's offensive.</p><p><a href="https://kolektiva.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a> <a href="https://kolektiva.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a></p>
knoppix<p>🆕 GNOME 49 is here with UI polish, new apps &amp; shell upgrades! 💻</p><p>• Redesigned Nautilus with faster search &amp; batch renaming 🔍<br>• Lock screen media controls, per-monitor brightness, tray fixes 🔋<br>• New default apps: Showtime (videos), Papers (docs), Manuals (dev) 📄🎞️<br>• X11 session stays temporarily, full phase-out coming in GNOME 50 ❗</p><p><span class="h-card" translate="no"><a href="https://floss.social/@gnome" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>gnome</span></a></span> <br><span class="h-card" translate="no"><a href="https://mastodon.social/@itsfoss" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>itsfoss</span></a></span> </p><p>🔗 <a href="https://news.itsfoss.com/gnome-49-release/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">news.itsfoss.com/gnome-49-rele</span><span class="invisible">ase/</span></a></p><p><a href="https://mastodon.social/tags/TechNews" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TechNews</span></a> <a href="https://mastodon.social/tags/GNOME" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GNOME</span></a> <a href="https://mastodon.social/tags/Linux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Linux</span></a> <a href="https://mastodon.social/tags/FOSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FOSS</span></a> <a href="https://mastodon.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSource</span></a> <a href="https://mastodon.social/tags/Desktop" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Desktop</span></a> <a href="https://mastodon.social/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> <a href="https://mastodon.social/tags/Software" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Software</span></a> <a href="https://mastodon.social/tags/Apps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Apps</span></a> <a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://mastodon.social/tags/Wayland" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Wayland</span></a> <a href="https://mastodon.social/tags/X11" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>X11</span></a> <a href="https://mastodon.social/tags/Ubuntu" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Ubuntu</span></a> <a href="https://mastodon.social/tags/Fedora" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fedora</span></a> <a href="https://mastodon.social/tags/Tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tech</span></a> <a href="https://mastodon.social/tags/ArchLinux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ArchLinux</span></a></p>
Markus Werle<p><span class="h-card" translate="no"><a href="https://mamot.fr/@pluralistic" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>pluralistic</span></a></span> I do not support "the idea that Mastodon's rough edges are due to the fact that it's open and federated", but it's because the Mastodon overlords act like little dictators similar to their big corp counterparts, thereby driving away huge numbers of developers who might otherwise improve their <a href="https://nrw.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> and <a href="https://nrw.social/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a>. Big corp owners have enough money to compensate for being dictators because ... people do need money. </p><p>- written from an <a href="https://elk.zone" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">elk.zone</span><span class="invisible"></span></a> UI</p>
S.v. N.Sönmez<p>iOS 26'nın 'Liquid Glass' tasarımı konuşuluyor! Cam benzeri arayüz ve optik yanılsamalar, kullanıcıları adeta 'sarhoş ediyor'. Bu yenilikçi yaklaşım sizce başarılı mı, yoksa alışması zor mu? Görüşlerinizi bekliyoruz!</p><p>🚩 <a href="https://mastodon.social/tags/iOS26" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>iOS26</span></a> <a href="https://mastodon.social/tags/Tasar%C4%B1m" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tasarım</span></a> <a href="https://mastodon.social/tags/Teknoloji" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Teknoloji</span></a> <a href="https://mastodon.social/tags/Kullan%C4%B1c%C4%B1Deneyimi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>KullanıcıDeneyimi</span></a> <a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://mastodon.social/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a></p>
Fabian N. T.<p>These <a href="https://floss.social/tags/YouTube" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>YouTube</span></a> tabs have proper URLs behind them, but they are not &lt;a&gt; anchor elements and thus are not possible to "open link in new window/tab" and such 🙄 </p><p>Just Google killing the web one annoyance at a time.</p><p><a href="https://floss.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://floss.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://floss.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://floss.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a></p>
姆姆むむMumu(合法蘿莉ロリ)<p>「Lonely ロリロリ神、降臨」 <br>|時雨羽衣(9歲)|しぐれうい(9さい)|</p><p><a href="https://mastodon.social/tags/%E6%99%82%E9%9B%A8%E7%BE%BD%E8%A1%A3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>時雨羽衣</span></a> <a href="https://mastodon.social/tags/%E6%99%82%E9%9B%A8" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>時雨</span></a> <a href="https://mastodon.social/tags/%E7%BE%BD%E8%A1%A3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>羽衣</span></a> <a href="https://mastodon.social/tags/%E3%81%97%E3%81%90%E3%82%8C%E3%81%86%E3%81%84" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>しぐれうい</span></a> <a href="https://mastodon.social/tags/%E3%81%97%E3%81%90%E3%82%8C" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>しぐれ</span></a> <a href="https://mastodon.social/tags/%E3%81%86%E3%81%84" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>うい</span></a> <a href="https://mastodon.social/tags/shigureui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>shigureui</span></a> <a href="https://mastodon.social/tags/shigure" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>shigure</span></a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a> </p><p><a href="https://mastodon.social/tags/%EC%BD%94%EC%8A%A4%EC%96%B4_%ED%8A%B8%EC%B9%9C%EC%86%8C" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>코스어_트친소</span></a><br><a href="https://mastodon.social/tags/%EC%BD%94%EC%8A%A4%ED%94%84%EB%A0%88" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>코스프레</span></a><br><a href="https://mastodon.social/tags/%EC%BD%94%EC%8A%A4%EC%96%B4" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>코스어</span></a><br><a href="https://mastodon.social/tags/%E8%A7%92%E8%89%B2%E6%89%AE%E6%BC%94" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>角色扮演</span></a> <br><a href="https://mastodon.social/tags/%E3%82%B3%E3%82%B9%E3%83%97%E3%83%AC%E5%A5%B3%E5%AD%90" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>コスプレ女子</span></a> <br><a href="https://mastodon.social/tags/japanesecosplay" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>japanesecosplay</span></a> <a href="https://mastodon.social/tags/%E3%82%B3%E3%82%B9%E3%83%97%E3%83%AC%E6%92%AE%E5%BD%B1" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>コスプレ撮影</span></a> <br><a href="https://mastodon.social/tags/%E3%82%B3%E3%82%B9%E3%83%97%E3%83%AC%E5%86%99%E7%9C%9F" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>コスプレ写真</span></a> <br><a href="https://mastodon.social/tags/cosplayers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cosplayers</span></a> <a href="https://mastodon.social/tags/cosplayer" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cosplayer</span></a> <a href="https://mastodon.social/tags/cosplay" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cosplay</span></a><br> <a href="https://mastodon.social/tags/cosplayphoto" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cosplayphoto</span></a> <a href="https://mastodon.social/tags/cosplaygirl" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cosplaygirl</span></a> <br><a href="https://mastodon.social/tags/%E3%82%B3%E3%82%B9%E3%83%97%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>コスプレイヤー</span></a> <a href="https://mastodon.social/tags/%E3%82%B3%E3%82%B9%E3%83%97%E3%83%AC" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>コスプレ</span></a> <br><a href="https://mastodon.social/tags/%E3%83%9D%E3%83%BC%E3%83%88%E3%83%AC%E3%83%BC%E3%83%88" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ポートレート</span></a> <a href="https://mastodon.social/tags/%E3%83%9D%E3%83%88%E3%83%AC" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ポトレ</span></a> <a href="https://mastodon.social/tags/portrait" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>portrait</span></a><br><a href="https://mastodon.social/tags/%E3%82%B3%E3%82%B9%E3%83%97%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E3%81%95%E3%82%93%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>コスプレイヤーさんと繋がりたい</span></a> <a href="https://mastodon.social/tags/cosplayphotography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cosplayphotography</span></a> <a href="https://mastodon.social/tags/cosplaymodel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cosplaymodel</span></a></p>
Stefan<p>Which one would you go for? Left or Right?</p><p><a href="https://mastodon.social/tags/swiftui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>swiftui</span></a> <a href="https://mastodon.social/tags/iosdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>iosdev</span></a> <a href="https://mastodon.social/tags/indiedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>indiedev</span></a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a> <a href="https://mastodon.social/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a></p>
Michael van Niekerk 🦀 ☕️ ⚛<p>If you're looking to make a cross-platform (macOS, iPadOS, iOS, tvOS, Windows, Linux/GTK-4) desktop application, a new contender popped up:</p><p><a href="https://swiftcrossui.dev/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">swiftcrossui.dev/</span><span class="invisible"></span></a></p><p>It uses Swift Bundler (<a href="https://swiftbundler.dev/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">swiftbundler.dev/</span><span class="invisible"></span></a>).</p><p>Using cargo swift (<a href="https://github.com/antoniusnaumann/cargo-swift" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/antoniusnaumann/car</span><span class="invisible">go-swift</span></a>), have your core business logic be in Rust, your UI done in Swift CrossUI.</p><p>Additionally, you can have the Rust library shared with React Native using uniffi-bindgen-react-native (<a href="https://github.com/jhugman/uniffi-bindgen-react-native" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/jhugman/uniffi-bind</span><span class="invisible">gen-react-native</span></a>), have it compiled to iOS, Android, WASM+Web.</p><p>All by sharing the same business logic library.</p><p><a href="https://techhub.social/tags/rustlang" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>rustlang</span></a> <a href="https://techhub.social/tags/swift" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>swift</span></a> <a href="https://techhub.social/tags/swiftlang" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>swiftlang</span></a> <a href="https://techhub.social/tags/windows" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>windows</span></a> <a href="https://techhub.social/tags/reactnative" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactnative</span></a> <a href="https://techhub.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a> <a href="https://techhub.social/tags/ios" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ios</span></a> <a href="https://techhub.social/tags/android" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>android</span></a></p>
David Llewellyn-Jones<p>This captures why my personal preference is for CLI over LLM when controlling a computer.</p><p>I could have delineated between humans and LLMs by adding a "sycophancy" dimension.</p><p><a href="https://mastodon.social/tags/LLM" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LLM</span></a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AI</span></a> <a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://mastodon.social/tags/CLI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CLI</span></a></p>
Arawa - Collab. Open Source<p>📢 <a href="https://pouet.chapril.org/tags/NextcloudConf25" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NextcloudConf25</span></a> 🇩🇪 : <span class="h-card" translate="no"><a href="https://vis.social/@Pedro" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>Pedro</span></a></span> de Collabora Online présente les évolutions du <a href="https://pouet.chapril.org/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> de <a href="https://pouet.chapril.org/tags/NextcloudOffice" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NextcloudOffice</span></a> effectuées grâce aux retours utilisateurs. Ici, il parle de l'adaptation dynamique des barres d'outils à la taille des fenêtres.<br>👋 <span class="h-card" translate="no"><a href="https://mastodon.xyz/@nextcloud" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>nextcloud</span></a></span> <span class="h-card" translate="no"><a href="https://mastodon.social/@CollaboraOffice" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>CollaboraOffice</span></a></span> <br>#️⃣ <a href="https://pouet.chapril.org/tags/Nextcloud" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Nextcloud</span></a> <a href="https://pouet.chapril.org/tags/Collabora" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Collabora</span></a> <a href="https://pouet.chapril.org/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSource</span></a> <a href="https://pouet.chapril.org/tags/LogicielsLibres" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LogicielsLibres</span></a> <a href="https://pouet.chapril.org/tags/FOSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FOSS</span></a> <a href="https://pouet.chapril.org/tags/FLOSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FLOSS</span></a> <a href="https://pouet.chapril.org/tags/feedback" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>feedback</span></a> <a href="https://pouet.chapril.org/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://pouet.chapril.org/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> <a href="https://pouet.chapril.org/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a></p>
Mac<p>September 27th, 2025. This day marks (for me) a new discovery in the never ending adventure of UX degradation in modern UIs. The scrollbars in Tokodon aren't clickable. They're just a visual layer. <br>Kudos for at least having them there for the most important usage - to visualize content size and position. But like, it's a scroll bar. You're supposed to be able to click, and drag them.<br>Do. Not. Break. UI. Standards. It's neither cute nor innovative. Just bad UX.<br><a href="https://mastodon.online/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> <a href="https://mastodon.online/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://mastodon.online/tags/HCI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HCI</span></a> <a href="https://mastodon.online/tags/Tokodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tokodon</span></a> <a href="https://mastodon.online/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mastodon</span></a></p>
Terence Eden<p>🆕 blog! “Drunk CSS”</p><p>A decade ago, I was writing about how you should test your user interface on drunk people. It was a semi-serious idea. Some of your users will be drunk when using your app or website. If it is easy for them to use, then it should be easy for sober people to use.</p><p>Of course, necking a few shots every time you update your website isn't great for your health - so is there …</p><p>👀 Read more: <a href="https://shkspr.mobi/blog/2025/09/drunk-css/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">shkspr.mobi/blog/2025/09/drunk</span><span class="invisible">-css/</span></a><br>⸻<br><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/drunk" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>drunk</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a></p>
Terence Eden’s Blog<p><strong>Drunk CSS</strong></p><p><a href="https://shkspr.mobi/blog/2025/09/drunk-css/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">shkspr.mobi/blog/2025/09/drunk</span><span class="invisible">-css/</span></a></p><p></p><p>A decade ago, I was writing about how you should <a href="https://shkspr.mobi/blog/2014/01/ui-for-drunks/" rel="nofollow noopener" target="_blank">test your user interface on drunk people</a>. It was a semi-serious idea. Some of your users <em>will</em> be drunk when using your app or website. If it is easy for them to use, then it should be easy for sober people to use.</p><p>Of course, necking a few shots every time you update your website isn't <em>great</em> for your health - so is there another way?</p><p>Click the "🥴 Drunk" button at the top of the page and see what happens!</p><p>These are a relatively simple set of CSS rules which you can apply to any site in order to <em>simulate</em> inebriation.</p><p>(I may have changed these since writing the post. Check the source for the latest version.)</p><p>First, monkey around with the fonts. This sets all the lower-case vowels to be rendered in a different font - as discussed in "<a href="https://shkspr.mobi/blog/2025/09/targetting-specific-characters-with-css-rules/" rel="nofollow noopener" target="_blank">targetting specific characters with CSS rules</a>":</p><pre><span class=""><span> CSS</span></span><code><span>/* Drunk */</span><span>@font-face </span>{ <span>font-family</span>: "Drunk"; <span>src</span>: <span>url</span>("/blog/wp-content/themes/edent-wordpress-theme/assets/fonts/CommitMonoV143-Edent.woff2") <span>format</span>("woff2"); <span>/* Lower-Case Vowels */</span> <span>unicode-range</span>: U+61, U+65, U+69, U+6F, U+75 ; <span>size-adjust</span>: 105%;}</code></pre><p>The rest of the characters will be rendered in the system's default Cursive font. Characters will also be slanted. The first character of every paragraph will be shrunk:</p><pre><span class=""><span> CSS</span></span><code><span>:root:has(input#drunk:checked) * </span>{ <span>font-family</span>: "Drunk", cursive; <span>font-style</span>: oblique -12deg; <span>text-align</span>: end;}<span>:root:has(input#drunk:checked) p::first-letter </span>{ <span>font-size</span>: .5em;}</code></pre><p>Next, use the child selectors to rotate and skew various elements. While we wait for <a href="https://webkit.org/blog/17285/rolling-the-dice-with-css-random/" rel="nofollow noopener" target="_blank">CSS randomness to come to all browsers</a> this is a simple way to select various elements:</p><pre><span class=""><span> CSS</span></span><code><span>:root:has(input#drunk:checked) *:nth-child(3n) </span>{ <span>transform</span>: <span>rotate</span>(2deg);}<span>:root:has(input#drunk:checked) *:nth-child(5n) </span>{ <span>transform</span>: <span>skew</span>(5deg, 5deg);}<span>:root:has(input#drunk:checked) *:nth-child(7n) </span>{ <span>transform</span>: <span>rotate</span>(-3deg);}</code></pre><p>Make the entire page blurred and saturate the colours:</p><pre><span class=""><span> CSS</span></span><code><span>:root:has(input#drunk:checked) body </span>{ <span>filter</span>: <span>blur</span>(1px) <span>saturate</span>(2.5);}</code></pre><p>Make any hyperlink harder to click by having it gently bounce up and down:</p><pre><span class=""><span> CSS</span></span><code><span>:root:has(input#drunk:checked) a </span>{ <span>animation-name</span>: bounce; <span>animation-duration</span>: 4s; <span>animation-direction</span>: alternate; <span>animation-timing-function</span>: ease-in-out; <span>animation-iteration-count</span>: infinite;}<span>@keyframes bounce </span>{ 0%<span> </span>{ <span>margin-top</span>: 0px; } 25%<span> </span>{ <span>margin-top</span>:-10px; } 50%<span> </span>{ <span>margin-top</span>: 0px; } 75%<span> </span>{ <span>margin-top</span>: 10px; } 100%<span> </span>{ <span>margin-top</span>: 0px; }}</code></pre><p>Does this <em>really</em> simulate drunkenness? No. It is a pale simulacrum. What it is, however, is deliberately inaccessible to the majority of people.</p><p>How does it make you feel using the site in Drunk-Mode? Does it frustrate you? Do your eyes hurt due to the garish colour scheme? Do you keep missing the thing that you try and click on? Are the words so hard to read that it takes you extra time to do anything useful? Will you recommend this experience to your friends and family?</p><p>I've written before about <a href="https://shkspr.mobi/blog/2019/07/i-feel-hopeless-rejected-and-a-burden-on-society-one-week-of-empathy-training/" rel="nofollow noopener" target="_blank">cosplaying as being disabled</a>. Strapping on a pair of <a href="https://www.lowvisionsimulators.com/products/glaucoma-rp-simulators" rel="nofollow noopener" target="_blank">Glaucoma Goggles</a> will give you an idea of what a visual impairment is like. But it won't give you the experience of living that way for months or years.</p><p>You should test your stuff with people who have cognitive impairments or physical disabilities. Find out how usable your site is for someone lacking fine motor control or for those with learning disabilities. Pay disable people to take part in usability studies. Integrate their feedback.</p><p>Faffing around with CSS will only get you so far.</p><p></p><p><a rel="nofollow noopener" class="hashtag u-tag u-category" href="https://shkspr.mobi/blog/tag/css/" target="_blank">#css</a> <a rel="nofollow noopener" class="hashtag u-tag u-category" href="https://shkspr.mobi/blog/tag/drunk/" target="_blank">#drunk</a> <a rel="nofollow noopener" class="hashtag u-tag u-category" href="https://shkspr.mobi/blog/tag/html/" target="_blank">#HTML</a> <a rel="nofollow noopener" class="hashtag u-tag u-category" href="https://shkspr.mobi/blog/tag/ui/" target="_blank">#ui</a> <a rel="nofollow noopener" class="hashtag u-tag u-category" href="https://shkspr.mobi/blog/tag/ux/" target="_blank">#ux</a> <a rel="nofollow noopener" class="hashtag u-tag u-category" href="https://shkspr.mobi/blog/tag/webdev/" target="_blank">#webdev</a></p>
Hostvix<p>What if light-dark() in CSS wasn’t just for colors?</p><p>Imagine swapping borders, fonts, or even layouts—automatically, by theme.</p><p>I broke down how modern CSS (with <span class="h-card" translate="no"><a href="https://mastodon.social/@function" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>function</span></a></span>, if(), and style queries) makes it possible.</p><p>Theming just got way more powerful. ⚡</p><p><a href="https://dropletdrift.com/beyond-colors-building-a-custom-light-dark-function-in-css/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">dropletdrift.com/beyond-colors</span><span class="invisible">-building-a-custom-light-dark-function-in-css/</span></a></p><p><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/darkmode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>darkmode</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/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/developer" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>developer</span></a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</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/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/learncode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>learncode</span></a> <a href="https://mastodon.social/tags/100devs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>100devs</span></a> <a href="https://mastodon.social/tags/devlife" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>devlife</span></a> <a href="https://mastodon.social/tags/frontenddev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontenddev</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/internet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>internet</span></a> <a href="https://mastodon.social/tags/software" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>software</span></a> <a href="https://mastodon.social/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opensource</span></a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a></p>