InfoQ<p>ByteDance has open-sourced Lynx – a collection of frameworks and tools for building native, cross-platform mobile apps using Web markup, CSS & JavaScript! </p><p>With its custom JavaScript engine and pixel-perfect UI rendering, Lynx delivers true native performance.</p><p>🔗 Learn more: <a href="https://bit.ly/4iFp9w6" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">bit.ly/4iFp9w6</span><span class="invisible"></span></a> </p><p><a href="https://techhub.social/tags/MobileApps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MobileApps</span></a> <a href="https://techhub.social/tags/Android" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Android</span></a> <a href="https://techhub.social/tags/iOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>iOS</span></a> <a href="https://techhub.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenSource</span></a> <a href="https://techhub.social/tags/UserInterface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UserInterface</span></a> <a href="https://techhub.social/tags/InfoQ" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>InfoQ</span></a></p>
Recent searches
No recent searches
Search options
Only available when logged in.
c.im is one of the many independent Mastodon servers you can use to participate in the fediverse.
C.IM is a general, mainly English-speaking Mastodon instance.
Administered by:
Server stats:
2.9Kactive users
c.im: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.3.6
#UserInterface
2 posts · 2 participants · 0 posts today
Rob Whiting 📓<p>🖥 ‘Past and Present Futures of <a href="https://mastodon.cloud/tags/UserInterface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UserInterface</span></a> Design.’</p><p>“I instead urge <a href="https://mastodon.cloud/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> designers to consider the powerful concepts of consistency and familiarity just a bit more often than they presently seem to do.”</p><p><a href="https://www.datagubbe.se/futui/" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://www.</span><span class="">datagubbe.se/futui/</span><span class="invisible"></span></a></p>
Paolo Amoroso<p>Carl Svensson on why desktop user interfaces haven't evolved much:</p><p>"To me, trying to reinvent the desktop experience feels a bit like complaining about steering wheels in cars."</p><p><a href="https://www.datagubbe.se/futui" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">datagubbe.se/futui</span><span class="invisible"></span></a></p><p><a href="https://fosstodon.org/tags/gui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gui</span></a> <a href="https://fosstodon.org/tags/UserInterface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UserInterface</span></a> <a href="https://fosstodon.org/tags/SoftwareDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SoftwareDesign</span></a></p>
SL<p>User interface customization is an expensive and tedious task. We've got a better suggestion for you. <a class="hashtag" href="https://bsky.app/search?q=%23UX" rel="nofollow noopener noreferrer" target="_blank">#UX</a> <a class="hashtag" href="https://bsky.app/search?q=%23UI" rel="nofollow noopener noreferrer" target="_blank">#UI</a> <a class="hashtag" href="https://bsky.app/search?q=%23userinterface" rel="nofollow noopener noreferrer" target="_blank">#userinterface</a> <a class="hashtag" href="https://bsky.app/search?q=%23design" rel="nofollow noopener noreferrer" target="_blank">#design</a> <a class="hashtag" href="https://bsky.app/search?q=%23software" rel="nofollow noopener noreferrer" target="_blank">#software</a> <a class="hashtag" href="https://bsky.app/search?q=%23dailywtf" rel="nofollow noopener noreferrer" target="_blank">#dailywtf</a></p>
SciPunkThe Terminal Man (1974)<br>
<br>
<br>
<br>
<br>
<a href="https://pixelfed.social/discover/tags/theterminalman?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#theterminalman</a> <a href="https://pixelfed.social/discover/tags/70s?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#70s</a> <a href="https://pixelfed.social/discover/tags/scifi?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#scifi</a> <a href="https://pixelfed.social/discover/tags/movies?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#movies</a> <a href="https://pixelfed.social/discover/tags/userinterface?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#userinterface</a> <a href="https://pixelfed.social/discover/tags/1970s?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#1970s</a> <a href="https://pixelfed.social/discover/tags/aesthetic?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#aesthetic</a> <a href="https://pixelfed.social/discover/tags/computers?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#computers</a> <a href="https://pixelfed.social/discover/tags/userinteraction?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#userinteraction</a> <a href="https://pixelfed.social/discover/tags/uxdesign?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#uxdesign</a> <a href="https://pixelfed.social/discover/tags/electronics?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#electronics</a> <a href="https://pixelfed.social/discover/tags/retrofuture?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#retrofuture</a> <a href="https://pixelfed.social/discover/tags/computerterminal?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#computerterminal</a> <a href="https://pixelfed.social/discover/tags/commandline?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#commandline</a> <a href="https://pixelfed.social/discover/tags/vintagetech?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#vintagetech</a> <a href="https://pixelfed.social/discover/tags/oscilloscope?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#oscilloscope</a>
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>
Alois mit Hund<p>Immer vorne dabei. Wir bauen Brücken zu Ihren Kunden.Social Media - Web - Visualisierungen - Fotografie - Film und Animation - Luftaufnahmen - XXL-Grafiken - 3D-Grafiken <br><a href="https://www.pinguinmedia.de" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">pinguinmedia.de</span><span class="invisible"></span></a><br><a href="https://mastodon.social/tags/pinguinmedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pinguinmedia</span></a> <a href="https://mastodon.social/tags/aloisroidl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>aloisroidl</span></a> <a href="https://mastodon.social/tags/obrigheim" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>obrigheim</span></a> <a href="https://mastodon.social/tags/mosbach" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mosbach</span></a> <a href="https://mastodon.social/tags/neckarodenwald" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>neckarodenwald</span></a> <a href="https://mastodon.social/tags/neckartal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>neckartal</span></a> <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/userinterface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>userinterface</span></a> <a href="https://mastodon.social/tags/foto" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>foto</span></a> <a href="https://mastodon.social/tags/fotografie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fotografie</span></a> <a href="https://mastodon.social/tags/graphicdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>graphicdesign</span></a> <a href="https://mastodon.social/tags/online" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>online</span></a> <a href="https://mastodon.social/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a> <a href="https://mastodon.social/tags/mobile" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mobile</span></a> <a href="https://mastodon.social/tags/grafik" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>grafik</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>website</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/site" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>site</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/digital" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>digital</span></a> <a href="https://mastodon.social/tags/designinspiration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designinspiration</span></a> <a href="https://mastodon.social/tags/digitaldesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>digitaldesign</span></a> <a href="https://mastodon.social/tags/offlinemedien" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>offlinemedien</span></a> <a href="https://mastodon.social/tags/SEO" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SEO</span></a> <a href="https://mastodon.social/tags/printmedien" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>printmedien</span></a> <a href="https://mastodon.social/tags/visualisierungen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>visualisierungen</span></a></p>
SciPunkBlame! (2017)<br>
<br>
<br>
<br>
<br>
<a href="https://pixelfed.social/discover/tags/blame?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#blame</a> <a href="https://pixelfed.social/discover/tags/anime?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#anime</a> <a href="https://pixelfed.social/discover/tags/cyberpunk?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#cyberpunk</a> <a href="https://pixelfed.social/discover/tags/scifi?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#scifi</a> <a href="https://pixelfed.social/discover/tags/aesthetic?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#aesthetic</a> <a href="https://pixelfed.social/discover/tags/userinterface?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#userinterface</a> <a href="https://pixelfed.social/discover/tags/userinteraction?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#userinteraction</a> <a href="https://pixelfed.social/discover/tags/graphicsdesign?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#graphicsdesign</a> <a href="https://pixelfed.social/discover/tags/gifs?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#gifs</a> <a href="https://pixelfed.social/discover/tags/ui?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#ui</a> <a href="https://pixelfed.social/discover/tags/uxdesign?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#uxdesign</a> <a href="https://pixelfed.social/discover/tags/uidesign?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#uidesign</a> <a href="https://pixelfed.social/discover/tags/glitch?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#glitch</a> <a href="https://pixelfed.social/discover/tags/robotics?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#robotics</a>
SciPunkAbsence of Malice (1981)<br>
<br>
<br>
<br>
<br>
<a href="https://pixelfed.social/discover/tags/vaporwave?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#vaporwave</a> <a href="https://pixelfed.social/discover/tags/gifs?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#gifs</a> <a href="https://pixelfed.social/discover/tags/electronics?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#electronics</a> <a href="https://pixelfed.social/discover/tags/1980s?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#1980s</a> <a href="https://pixelfed.social/discover/tags/uxdesign?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#uxdesign</a> <a href="https://pixelfed.social/discover/tags/synthwave?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#synthwave</a> <a href="https://pixelfed.social/discover/tags/1970s?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#1970s</a> <a href="https://pixelfed.social/discover/tags/userinterface?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#userinterface</a> <a href="https://pixelfed.social/discover/tags/vintage?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#vintage</a> <a href="https://pixelfed.social/discover/tags/computers?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#computers</a> <a href="https://pixelfed.social/discover/tags/aesthetic?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#aesthetic</a> <a href="https://pixelfed.social/discover/tags/80s?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#80s</a> <a href="https://pixelfed.social/discover/tags/movies?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#movies</a> <a href="https://pixelfed.social/discover/tags/vintagecomputing?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#vintagecomputing</a> <a href="https://pixelfed.social/discover/tags/vintageelectronics?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#vintageelectronics</a> <a href="https://pixelfed.social/discover/tags/70s?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#70s</a> <a href="https://pixelfed.social/discover/tags/vintagetech?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#vintagetech</a>
SciPunkDisclosure (1994)<br>
<br>
<br>
<br>
<br>
<a href="https://pixelfed.social/discover/tags/disclosure?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#disclosure</a> <a href="https://pixelfed.social/discover/tags/90s?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#90s</a> <a href="https://pixelfed.social/discover/tags/cyberpunk?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#cyberpunk</a> <a href="https://pixelfed.social/discover/tags/scifi?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#scifi</a> <a href="https://pixelfed.social/discover/tags/aesthetic?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#aesthetic</a> <a href="https://pixelfed.social/discover/tags/vaporwave?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#vaporwave</a> <a href="https://pixelfed.social/discover/tags/gifs?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#gifs</a> <a href="https://pixelfed.social/discover/tags/retrofuture?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#retrofuture</a> <a href="https://pixelfed.social/discover/tags/computers?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#computers</a> <a href="https://pixelfed.social/discover/tags/1990s?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#1990s</a> <a href="https://pixelfed.social/discover/tags/movies?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#movies</a> <a href="https://pixelfed.social/discover/tags/graphicdesign?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#graphicdesign</a> <a href="https://pixelfed.social/discover/tags/userinterface?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#userinterface</a> <a href="https://pixelfed.social/discover/tags/3danimation?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#3danimation</a> <a href="https://pixelfed.social/discover/tags/michaeldouglas?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#michaeldouglas</a> <a href="https://pixelfed.social/discover/tags/michaelcrichton?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#michaelcrichton</a> <a href="https://pixelfed.social/discover/tags/virtualreality?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#virtualreality</a> <a href="https://pixelfed.social/discover/tags/vrheadset?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#vrheadset</a>
SciPunkThe Fifth Element (1997)<br>
<br>
<br>
<br>
<br>
<a href="https://pixelfed.social/discover/tags/thefifthelement?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#thefifthelement</a> <a href="https://pixelfed.social/discover/tags/90s?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#90s</a> <a href="https://pixelfed.social/discover/tags/cyberpunk?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#cyberpunk</a> <a href="https://pixelfed.social/discover/tags/movies?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#movies</a> <a href="https://pixelfed.social/discover/tags/1990s?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#1990s</a> <a href="https://pixelfed.social/discover/tags/aesthetic?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#aesthetic</a> <a href="https://pixelfed.social/discover/tags/retrofuturistic?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#retrofuturistic</a> <a href="https://pixelfed.social/discover/tags/graphicaluserinterface?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#graphicaluserinterface</a> <a href="https://pixelfed.social/discover/tags/gui?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#gui</a> <a href="https://pixelfed.social/discover/tags/userinteraction?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#userinteraction</a> <a href="https://pixelfed.social/discover/tags/userinterface?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#userinterface</a> <a href="https://pixelfed.social/discover/tags/graphicdesign?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#graphicdesign</a> <a href="https://pixelfed.social/discover/tags/motiongraphics?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#motiongraphics</a> <a href="https://pixelfed.social/discover/tags/ui?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#ui</a> <a href="https://pixelfed.social/discover/tags/uiuxdesign?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#uiuxdesign</a> <a href="https://pixelfed.social/discover/tags/uidesign?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#uidesign</a>
Dan Q<p>Possible future presentation concept: using a cafe/dining metaphor to help explain the proximity principle in user interface design (possibly with a "live waitstaffing" demo?).</p><p>Great idea? Or stupid idea?</p><p><a href="https://m.danq.me/tags/note" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>note</span></a> <a href="https://m.danq.me/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a> <a href="https://m.danq.me/tags/userInterface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>userInterface</span></a> <a href="https://m.danq.me/tags/technology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>technology</span></a> <a href="https://m.danq.me/tags/lectures" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>lectures</span></a> <a href="https://m.danq.me/tags/webDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDesign</span></a> <a href="https://m.danq.me/tags/caffeine" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>caffeine</span></a></p><p>Via: 🔗 <a href="https://danq.me/2025/02/01/cafe-proximity-principles/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">danq.me/2025/02/01/cafe-proxim</span><span class="invisible">ity-principles/</span></a></p>
Electropict<p>🤔 When I was a child I used to like <a href="https://mastodon.scot/tags/books" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>books</span></a> mostly for their content.</p><p>Then I became an intermittent book designer and came to appreciate books more for their <a href="https://mastodon.scot/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a> qualities, irrespective of content.</p><p>But now I am getting on a bit, I have put away adult things, and I find that what I like most about books is that the friggin’ <a href="https://mastodon.scot/tags/userInterface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>userInterface</span></a> doesn’t change every six months. I have books whose user interface hasn’t changed in two hundred years!</p><p>One day that will be true in <a href="https://mastodon.scot/tags/webDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDesign</span></a> too.</p>
Panji Suharto<p>Yo! New around here. FYI, I’m all about <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/designthinking" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designthinking</span></a>, and <a href="https://mastodon.social/tags/userinterface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>userinterface</span></a>.</p><p>Mostly vibing with <span class="h-card" translate="no"><a href="https://mstdn.social/@Figma" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Figma</span></a></span> or <span class="h-card" translate="no"><a href="https://mastodon.design/@Sketch" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Sketch</span></a></span>.</p>
Richard Rathe<p>Talk about meaningless attention to detail, but also aesthetically pleasing...</p><p>At some point the <a href="https://c.im/tags/iPhone" class="mention hashtag" rel="tag">#<span>iPhone</span></a> weather app got rain drops falling on and *dripping down* the face of it's <a href="https://c.im/tags/UI" class="mention hashtag" rel="tag">#<span>UI</span></a> widgets! My screen shot is static, but these drops are flowing downward as if they are on a piece of glass.</p><p>Quite a few <a href="https://c.im/tags/CPU" class="mention hashtag" rel="tag">#<span>CPU</span></a> cycles spent on this effect!</p><p><a href="https://c.im/tags/Computers" class="mention hashtag" rel="tag">#<span>Computers</span></a> <a href="https://c.im/tags/UserInterface" class="mention hashtag" rel="tag">#<span>UserInterface</span></a> <a href="https://c.im/tags/UX" class="mention hashtag" rel="tag">#<span>UX</span></a></p>
Floon<p>Just got a Macbook, for the first time in forever (been Windows laptopping it for years, but the last couple have been glitchy), and I've found a thing to go ballistic about: MacOS links mousewheel scroll direction and trackpad scroll direction. Change one and you change the other. AGH, why do they do this?</p><p>I have muscle memory, bro, and it will not be denied. I don't care if it's weird, let me be weird. <a href="https://mastodon.scot/tags/MacOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MacOS</span></a> <a href="https://mastodon.scot/tags/Apple" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Apple</span></a> <a href="https://mastodon.scot/tags/UserInterface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UserInterface</span></a></p>
LavX News<p>The Curious Case of Microsoft Bob: A Retro Tech Flop That Shaped the Future</p><p>In the annals of tech history, few products are as infamous as Microsoft Bob, a misguided attempt to create a user-friendly interface that ultimately fell flat. Released in 1995, Bob's quirky charm an...</p><p><a href="https://news.lavx.hu/article/the-curious-case-of-microsoft-bob-a-retro-tech-flop-that-shaped-the-future" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">news.lavx.hu/article/the-curio</span><span class="invisible">us-case-of-microsoft-bob-a-retro-tech-flop-that-shaped-the-future</span></a></p><p><a href="https://mastodon.cloud/tags/news" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>news</span></a> <a href="https://mastodon.cloud/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tech</span></a> <a href="https://mastodon.cloud/tags/MicrosoftBob" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MicrosoftBob</span></a> <a href="https://mastodon.cloud/tags/UserInterface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UserInterface</span></a> <a href="https://mastodon.cloud/tags/TechHistory" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TechHistory</span></a></p>
InfoQ<p>🚀 Exploring <a href="https://techhub.social/tags/ServerDrivenUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ServerDrivenUI</span></a> (SDUI) at <a href="https://techhub.social/tags/Netflix" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Netflix</span></a> 🚀</p><p>This <a href="https://techhub.social/tags/InfoQ" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>InfoQ</span></a> talk dives into:<br>✅ The challenges Netflix aimed to tackle with SDUI.<br>✅ How they extended SDUI beyond mobile platforms.<br>✅ Persistent challenges and lessons learned.<br>✅ A glimpse into the future of SDUI at Netflix.</p><p>🎥 Watch now: <a href="https://bit.ly/4gM8oy8" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">bit.ly/4gM8oy8</span><span class="invisible"></span></a> </p><p><a href="https://techhub.social/tags/MobileDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MobileDevelopment</span></a> <a href="https://techhub.social/tags/CrossPlatform" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CrossPlatform</span></a> <a href="https://techhub.social/tags/UserInterface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UserInterface</span></a> <a href="https://techhub.social/tags/QConLondon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>QConLondon</span></a></p>
Barry Schwartz<p>Google Explore testing blue and brown highlighted text in some snippets <a href="https://www.seroundtable.com/google-search-explore-snippet-highlight-35078.html" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">seroundtable.com/google-search</span><span class="invisible">-explore-snippet-highlight-35078.html</span></a> via <span class="h-card" translate="no"><a href="https://mas.to/@b4k_khushal" class="u-url mention">@<span>b4k_khushal</span></a></span> </p><p><a href="https://c.im/tags/google" class="mention hashtag" rel="tag">#<span>google</span></a> <a href="https://c.im/tags/search" class="mention hashtag" rel="tag">#<span>search</span></a> <a href="https://c.im/tags/featuredsnippets" class="mention hashtag" rel="tag">#<span>featuredsnippets</span></a> <a href="https://c.im/tags/googleexplore" class="mention hashtag" rel="tag">#<span>googleexplore</span></a> <a href="https://c.im/tags/userinterface" class="mention hashtag" rel="tag">#<span>userinterface</span></a></p>
Barry Schwartz<p>Google testing 360 label, instead of 3D label, for AR product images <a href="https://www.seroundtable.com/google-search-360-label-35054.html" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">seroundtable.com/google-search</span><span class="invisible">-360-label-35054.html</span></a> </p><p><a href="https://c.im/tags/google" class="mention hashtag" rel="tag">#<span>google</span></a> <a href="https://c.im/tags/images" class="mention hashtag" rel="tag">#<span>images</span></a> <a href="https://c.im/tags/3d" class="mention hashtag" rel="tag">#<span>3d</span></a> #360 <a href="https://c.im/tags/ecommerce" class="mention hashtag" rel="tag">#<span>ecommerce</span></a> <a href="https://c.im/tags/search" class="mention hashtag" rel="tag">#<span>search</span></a> <a href="https://c.im/tags/userinterface" class="mention hashtag" rel="tag">#<span>userinterface</span></a></p>
ExploreLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLoginDrag & drop to upload