Mastodon

Alvin Ashcraft 🐿️Android 16 QPR2 Beta 1 is here.<a href="https://android-developers.googleblog.com/2025/08/android-16-qpr2-beta-1-is-here.html" rel="nofollow noopener" translate="no" target="_blank">https://android-developers.googleblog.com/2025/08/android-16-qpr2-beta-1-is-here.html</a> <a href="https://hachyderm.io/tags/android" class="mention hashtag" rel="nofollow noopener" target="_blank">#android</a> <a href="https://hachyderm.io/tags/appdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#appdev</a> <a href="https://hachyderm.io/tags/mobiledev" class="mention hashtag" rel="nofollow noopener" target="_blank">#mobiledev</a> <a href="https://hachyderm.io/tags/security" class="mention hashtag" rel="nofollow noopener" target="_blank">#security</a> <a href="https://hachyderm.io/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a>

AlainIn case you didn’t know, <a href="https://mastodon.social/@planifyapp" class="u-url mention" rel="nofollow noopener" target="_blank">@planifyapp</a> Quick Add has some keyboard shortcuts, like p1, p2, etc., that let you add priorities more quickly. I tweaked the animation a bit to make this effect more noticeable and for the user to see it.<a href="https://mastodon.social/tags/vala" class="mention hashtag" rel="nofollow noopener" target="_blank">#vala</a> <a href="https://mastodon.social/tags/gtk" class="mention hashtag" rel="nofollow noopener" target="_blank">#gtk</a> <a href="https://mastodon.social/tags/gnome" class="mention hashtag" rel="nofollow noopener" target="_blank">#gnome</a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#ux</a>

𝙹𝚘𝚑𝚊𝚗<a href="https://cr8r.gg/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#Mastodon</a> <a href="https://cr8r.gg/tags/MastodonTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#MastodonTools</a> <a href="https://cr8r.gg/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://cr8r.gg/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> Видел вчерась в ленте псто недовольства огромными кнопками выбора языка и видимости поста (думаю, это никому не по нраву, просто все молчат).Какова была мотивация Евгена вынести самые редко используемые кнопки на самое видное место — мне неведомо, но вот код, который это исправляет.<pre><code>.dropdown-button {width: 32px} .compose-form__footer {flex-direction: row-reverse;} .compose-form__dropdowns {flex-direction: column; align-self: flex-end;} .compose-form__actions {flex: 1 0 auto; gap: 6px; width: min-content;} </code></pre>

Colin H.Just FYI, the <a href="https://mastodon.scot/tags/Ikea" class="mention hashtag" rel="nofollow noopener" target="_blank">#Ikea</a> chat window: ▪️ has no audio or visual indicator of a new message ▪️ doesn't auto scroll to show new messages if the tab is in the background ▪️ doesn't show a scroll bar unless you mouse over itMy cynical brain says this is by design but I can't believe they want people to wait for ages then get disconnected because they miss a message.<a href="https://mastodon.scot/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a>

Nick Byrd, Ph.D.Do <a href="https://nerdculture.de/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#AI</a> reasoning models actually need all the iterative summaries they provide in their chains of thought?Liu et al. filtered out the low-confidence set of these "self-affirmation reflections", reducing output length while retaining accuracy.<a href="https://doi.org/10.48550/arXiv.2506.12353" rel="nofollow noopener" translate="no" target="_blank">https://doi.org/10.48550/arXiv.2506.12353</a><a href="https://nerdculture.de/tags/cogSci" class="mention hashtag" rel="nofollow noopener" target="_blank">#cogSci</a> <a href="https://nerdculture.de/tags/tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#tech</a> <a href="https://nerdculture.de/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a>

Data ScienceMake interactive ggplots with {ggiraph}: <a href="https://davidgohel.github.io/ggiraph/" rel="nofollow noopener" translate="no" target="_blank">https://davidgohel.github.io/ggiraph/</a> <a href="https://genomic.social/tags/ggplot" class="mention hashtag" rel="nofollow noopener" target="_blank">#ggplot</a> <a href="https://genomic.social/tags/dataviz" class="mention hashtag" rel="nofollow noopener" target="_blank">#dataviz</a> <a href="https://genomic.social/tags/rstats" class="mention hashtag" rel="nofollow noopener" target="_blank">#rstats</a> <a href="https://genomic.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://genomic.social/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a>

Kai Klostermann<a href="https://floss.social/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> people, what is the right approach here? 😁 We have a table with complex filters per column. We know, from the semantical context, that the filters are only really relevant for certain columns. Still, it's an assumption because we do not have data (yet) how this table is used.Thank you! 🫶<a href="https://floss.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://floss.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a>

DźwiedziuI despise the <a href="https://mastodon.social/tags/Android" class="mention hashtag" rel="nofollow noopener" target="_blank">#Android</a>'s implementation of chat bubbles. They are useful, sure, yet always in a way of some <a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> element and need to be closed or moved.I would rather give up 10% of the screen for a permanent bar that would hold those bubbles.<a href="https://mastodon.social/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a>

Bo MorganDoes anyone know of mappings from vision to touch? I'd like to map the artistic aesthetics of visual art to haptic feedback, like vibrations and textures felt through the fingertips using a piezoelectric haptic motor.I'm thinking people with synesthesia that blend visual and haptic information may have ideas about potential mappings between visual sensations like colors and touch sensations like textures or vibrations.I'm trying to imagine how a blind person could touch visual art.Anyone have leads?<a href="https://kolektiva.social/tags/neuroscience" class="mention hashtag" rel="nofollow noopener" target="_blank">#neuroscience</a> <a href="https://kolektiva.social/tags/vision" class="mention hashtag" rel="nofollow noopener" target="_blank">#vision</a> <a href="https://kolektiva.social/tags/touch" class="mention hashtag" rel="nofollow noopener" target="_blank">#touch</a> <a href="https://kolektiva.social/tags/synesthesia" class="mention hashtag" rel="nofollow noopener" target="_blank">#synesthesia</a> <a href="https://kolektiva.social/tags/haptics" class="mention hashtag" rel="nofollow noopener" target="_blank">#haptics</a> <a href="https://kolektiva.social/tags/haptic" class="mention hashtag" rel="nofollow noopener" target="_blank">#haptic</a> <a href="https://kolektiva.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a> <a href="https://kolektiva.social/tags/physical" class="mention hashtag" rel="nofollow noopener" target="_blank">#physical</a> <a href="https://kolektiva.social/tags/blind" class="mention hashtag" rel="nofollow noopener" target="_blank">#blind</a> <a href="https://kolektiva.social/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#art</a> <a href="https://kolektiva.social/tags/visualart" class="mention hashtag" rel="nofollow noopener" target="_blank">#visualart</a> <a href="https://kolektiva.social/tags/synesthesia" class="mention hashtag" rel="nofollow noopener" target="_blank">#synesthesia</a>

Alvin Ashcraft 🐿️Reimagining our front door - Using positive psychology to craft delightful sign-in & sign-up experiences | Microsoft Design<a href="https://medium.com/microsoft-design/reimagining-our-front-door-e4f96e664d50" rel="nofollow noopener" translate="no" target="_blank">https://medium.com/microsoft-design/reimagining-our-front-door-e4f96e664d50</a> <a href="https://hachyderm.io/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#ux</a> <a href="https://hachyderm.io/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#design</a> <a href="https://hachyderm.io/tags/auth" class="mention hashtag" rel="nofollow noopener" target="_blank">#auth</a> <a href="https://hachyderm.io/tags/sfi" class="mention hashtag" rel="nofollow noopener" target="_blank">#sfi</a> <a href="https://hachyderm.io/tags/windows" class="mention hashtag" rel="nofollow noopener" target="_blank">#windows</a> <a href="https://hachyderm.io/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a>

Andrew Malek"Design isn’t about decoration. It’s about creating order... Order takes discipline. Tough decisions. Design is decision-making. It’s about setting constraints." <a href="https://techhub.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a> <a href="https://techhub.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://www.telerik.com/blogs/how-think-like-designer" rel="nofollow noopener" translate="no" target="_blank">https://www.telerik.com/blogs/how-think-like-designer</a>

Knowledge Zone<a href="https://mstdn.social/tags/ITByte" class="mention hashtag" rel="nofollow noopener" target="_blank">#ITByte</a>: <a href="https://mstdn.social/tags/Optimistic" class="mention hashtag" rel="nofollow noopener" target="_blank">#Optimistic</a> <a href="https://mstdn.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> is a design pattern that prioritizes user experience by immediately updating the interface to reflect the expected outcome of a user action, even before the server confirms the operation. This creates a sense of responsiveness and speed, significantly improving user satisfaction.<a href="https://knowledgezone.co.in/posts/What-is-Optimistic-UI-636b58c4d19b211b305b156a" rel="nofollow noopener" translate="no" target="_blank">https://knowledgezone.co.in/posts/What-is-Optimistic-UI-636b58c4d19b211b305b156a</a>

Liam SpradlinThis special episode digs into the latest evolution of Google’s design system: Material 3 Expressive.📻 Tune in: <a href="https://interfacecafe.com/design-notes-material-design-gets-expressive-interview/" rel="nofollow noopener" translate="no" target="_blank">https://interfacecafe.com/design-notes-material-design-gets-expressive-interview/</a><a href="https://mastodon.design/tags/MaterialDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#MaterialDesign</a> <a href="https://mastodon.design/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignSystems</a> <a href="https://mastodon.design/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://mastodon.design/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> <a href="https://mastodon.design/tags/Podcast" class="mention hashtag" rel="nofollow noopener" target="_blank">#Podcast</a>

Kevin Karhan :verified:<a href="https://infosec.exchange/@rebane2001" class="u-url mention" rel="nofollow noopener" target="_blank">@rebane2001</a> propably offering something like <code>album_carousel</code> function for an iTunes-Style Album Carousel where one just adds <code>path/to/image.png</code>, <code>alt_text</code> and <code>link_url</code> into a table and it'll "automagically" turn that into something that would otherwise necessitate dozens if not hundreds of lines of CSS manually including painful and labourus additions and deletions that are error-prone...I mean, why else would one use <a href="https://infosec.space/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://infosec.space/tags/Frameworks" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frameworks</a> but to make it easy to get consistent design?Cc: <a href="https://oxytodon.com/@fuchsiii" class="u-url mention" rel="nofollow noopener" target="_blank">@fuchsiii</a>

Appdevcon🎤 Florian Vögtle spoke at Appdevcon! The talk 'Bring Your App to Life: Add Dynamic, Organic Visuals with Shaders' is now live!💪 🚀 🎥 Watch it here: <a href="https://appdevcon.nl/session/bring-your-app-to-life-add-dynamic-organic-visuals-with-shaders/" rel="nofollow noopener" translate="no" target="_blank">https://appdevcon.nl/session/bring-your-app-to-life-add-dynamic-organic-visuals-with-shaders/</a><a href="https://mastodon.social/tags/adc25" class="mention hashtag" rel="nofollow noopener" target="_blank">#adc25</a> <a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://mastodon.social/tags/appdevcon" class="mention hashtag" rel="nofollow noopener" target="_blank">#appdevcon</a>

JamesA post with an actual game! Exploring the phenomenon of "The Tetris Effect" and showcasing a unique minimalist approach to what I've called "the obscuring problem" when trying to make a 3D version of Tetris... the solution: rings! <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23Tetris" target="_blank">#Tetris</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%233DTetris" target="_blank">#3DTetris</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23Minimalist" target="_blank">#Minimalist</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23UI" target="_blank">#UI</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%232D" target="_blank">#2D</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%233D" target="_blank">#3D</a> <a class="hashtag" rel="nofollow noopener" href="https://bsky.app/search?q=%23TetrisEffect" target="_blank">#TetrisEffect</a> <a href="https://nonzerosum.games/thetetriseffect.html" rel="nofollow noopener" target="_blank">TETRINGS</a>

Hacker NewsFigma's Multiplayer Technology (2019)<a href="https://www.figma.com/blog/how-figmas-multiplayer-technology-works/" rel="nofollow noopener" translate="no" target="_blank">https://www.figma.com/blog/how-figmas-multiplayer-technology-works/</a><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener" target="_blank">#HackerNews</a> <a href="https://mastodon.social/tags/Figma" class="mention hashtag" rel="nofollow noopener" target="_blank">#Figma</a> <a href="https://mastodon.social/tags/Multiplayer" class="mention hashtag" rel="nofollow noopener" target="_blank">#Multiplayer</a> <a href="https://mastodon.social/tags/Technology" class="mention hashtag" rel="nofollow noopener" target="_blank">#Technology</a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Collaboration" class="mention hashtag" rel="nofollow noopener" target="_blank">#Collaboration</a> <a href="https://mastodon.social/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> <a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a>

Paul Houle🕶️ Extended Reality Technologies: Transforming the Future of Crime Scene Investigation<a href="https://www.mdpi.com/2227-7080/13/8/315" rel="nofollow noopener" translate="no" target="_blank">https://www.mdpi.com/2227-7080/13/8/315</a><a href="https://mastodon.social/tags/crime" class="mention hashtag" rel="nofollow noopener" target="_blank">#crime</a> <a href="https://mastodon.social/tags/police" class="mention hashtag" rel="nofollow noopener" target="_blank">#police</a> <a href="https://mastodon.social/tags/xr" class="mention hashtag" rel="nofollow noopener" target="_blank">#xr</a> <a href="https://mastodon.social/tags/vr" class="mention hashtag" rel="nofollow noopener" target="_blank">#vr</a> <a href="https://mastodon.social/tags/mr" class="mention hashtag" rel="nofollow noopener" target="_blank">#mr</a> <a href="https://mastodon.social/tags/technology" class="mention hashtag" rel="nofollow noopener" target="_blank">#technology</a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#ux</a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a> <a href="https://mastodon.social/tags/computing" class="mention hashtag" rel="nofollow noopener" target="_blank">#computing</a>

PrivacyDigestThe <a href="https://mas.to/tags/Government" class="mention hashtag" rel="nofollow noopener" target="_blank">#Government</a> Just Made it Harder for The Public to <a href="https://mas.to/tags/Comment" class="mention hashtag" rel="nofollow noopener" target="_blank">#Comment</a> on <a href="https://mas.to/tags/Regulations" class="mention hashtag" rel="nofollow noopener" target="_blank">#Regulations</a>The email noted that groups and <a href="https://mas.to/tags/constituencies" class="mention hashtag" rel="nofollow noopener" target="_blank">#constituencies</a> can still submit comments through the website, but the site’s user interface sucks. Users have to track down the pending regulation they want to comment on by name or docket number, click the “comment” button and then fill out a form, attach a file, provide an email address, provide some personal details, and fight a <a href="https://mas.to/tags/CAPTCHA" class="mention hashtag" rel="nofollow noopener" target="_blank">#CAPTCHA</a>. <a href="https://mas.to/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a> <a href="https://mas.to/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#ux</a> <a href="https://www.404media.co/the-government-just-made-it-harder-for-the-public-to-comment-on-regulations/" rel="nofollow noopener" translate="no" target="_blank">https://www.404media.co/the-government-just-made-it-harder-for-the-public-to-comment-on-regulations/</a>

Paul Houle🏁 Interactive WebGL Backgrounds: A Quick Guide to Bayer Dithering<a href="https://tympanus.net/codrops/2025/07/30/interactive-webgl-backgrounds-a-quick-guide-to-bayer-dithering/" rel="nofollow noopener" translate="no" target="_blank">https://tympanus.net/codrops/2025/07/30/interactive-webgl-backgrounds-a-quick-guide-to-bayer-dithering/</a><a href="https://mastodon.social/tags/graphics" class="mention hashtag" rel="nofollow noopener" target="_blank">#graphics</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.social/tags/webgl" class="mention hashtag" rel="nofollow noopener" target="_blank">#webgl</a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#ux</a> <a href="https://mastodon.social/tags/dithering" class="mention hashtag" rel="nofollow noopener" target="_blank">#dithering</a> <a href="https://mastodon.social/tags/algorithms" class="mention hashtag" rel="nofollow noopener" target="_blank">#algorithms</a> <a href="https://mastodon.social/tags/imaging" class="mention hashtag" rel="nofollow noopener" target="_blank">#imaging</a> <a href="https://mastodon.social/tags/computerscience" class="mention hashtag" rel="nofollow noopener" target="_blank">#computerscience</a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#programming</a>

Recent searches

Search options

Administered by:

Server stats:

#ui