Mastodon 🐘

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Collections" class="mention hashtag" rel="nofollow noopener" target="_blank">#Collections</a> Fancy Components · Design elements and micro-interactions for your inspiration <a href="https://ilo.im/1633p5" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/1633p5</a>_____ <a href="https://mastodon.social/tags/MicroInteractions" class="mention hashtag" rel="nofollow noopener" target="_blank">#MicroInteractions</a> <a href="https://mastodon.social/tags/Animations" class="mention hashtag" rel="nofollow noopener" target="_blank">#Animations</a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UxDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#React</a> <a href="https://mastodon.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#TailwindCSS</a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a>

Flutteristas💙:flutter: :va:🧬 At <a href="https://fluttercommunity.social/tags/FlutteristasConf2025" class="mention hashtag" rel="nofollow noopener" target="_blank">#FlutteristasConf2025</a>, we're happy to spotlight Jackie Moraa, a dynamic software engineer and team lead at Living Goods. 🌸 In her upcoming session, "The Subtle Art of Micro-interactions in Flutter for Enhanced UX," Jackie will explore the power of micro-interactions in creating engaging user experiences. 🪸 Jackie's talk promises practical insights to boost your app's user experience through thoughtful micro-interactions. 〽️ RSVP: 👉 flutteristas.org<a href="https://fluttercommunity.social/tags/FlutterDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#FlutterDev</a> <a href="https://fluttercommunity.social/tags/MicroInteractions" class="mention hashtag" rel="nofollow noopener" target="_blank">#MicroInteractions</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Launches" class="mention hashtag" rel="nofollow noopener" target="_blank">#Launches</a> Beautifully crafted animated icons · A collection of dynamic icons available as open-source <a href="https://ilo.im/160qo4" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/160qo4</a>_____ <a href="https://mastodon.social/tags/Icons" class="mention hashtag" rel="nofollow noopener" target="_blank">#Icons</a> <a href="https://mastodon.social/tags/Animations" class="mention hashtag" rel="nofollow noopener" target="_blank">#Animations</a> <a href="https://mastodon.social/tags/MicroInteractions" class="mention hashtag" rel="nofollow noopener" target="_blank">#MicroInteractions</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenSource</a>

Jochen WoltersHow great an application’s unique <a href="https://mastodon.social/tags/microinteractions" class="mention hashtag" rel="nofollow noopener" target="_blank">#microinteractions</a> are, often becomes apparent only when you try to use them elsewhere, and that other app doesn't support it.Case in point: Turn selected text into a clickable link.When you hit the shortcut in <a href="https://mastodon.social/tags/BearApp" class="mention hashtag" rel="nofollow noopener" target="_blank">#BearApp</a>, the note taking app, the program checks if there's a URL in the clipboard. If so, it automatically places the URL in the link panel. No need to trigger the Paste command, let alone select the URL field first.<a href="https://mastodon.social/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> <a href="https://mastodon.social/tags/IxD" class="mention hashtag" rel="nofollow noopener" target="_blank">#IxD</a>

pablolarah🪄 Design Spells @designspells_ Micro-interactions, easter eggs, and other seemingly extra design details that feel like magic <a href="https://mastodon.social/tags/microInteractions" class="mention hashtag" rel="nofollow noopener" target="_blank">#microInteractions</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/curation" class="mention hashtag" rel="nofollow noopener" target="_blank">#curation</a> <a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#design</a> <a href="https://www.designspells.com/" rel="nofollow noopener" translate="no" target="_blank">https://www.designspells.com/</a>

minchouNew blog I ghost-wrote for @ConcordUSA about <a href="https://mastodon.social/tags/microinteractions" class="mention hashtag" rel="nofollow noopener" target="_blank">#microinteractions</a>. I wish the template would use pictures to break up the blocks of text (had a great one of <a href="https://mastodon.social/tags/Clippy" class="mention hashtag" rel="nofollow noopener" target="_blank">#Clippy</a>). Maybe on another post. <a href="https://buff.ly/49roHvU" rel="nofollow noopener" translate="no" target="_blank">https://buff.ly/49roHvU</a> <a href="https://mastodon.social/tags/microinteractions" class="mention hashtag" rel="nofollow noopener" target="_blank">#microinteractions</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/digital" class="mention hashtag" rel="nofollow noopener" target="_blank">#digital</a>

Scott JensonWell played Google Maps. It's little unexpected touches like this that bring delight <a href="https://social.coop/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> <a href="https://social.coop/tags/microinteractions" class="mention hashtag" rel="nofollow noopener" target="_blank">#microinteractions</a>

Dan HonI am a terrible person and here is a Star Trek: The Next Generation fic co-authored with OpenAI's GPT-3 Chatbot:Geordi Learns The Value Of User-Centered Design<a href="https://archiveofourown.org/works/43454983" rel="nofollow noopener" target="_blank">https://archiveofourown.org/works/43454983</a>Some quotes in the thread.<a href="https://dan.mastohon.com/tags/startrek" class="mention hashtag" rel="nofollow noopener" target="_blank">#startrek</a> <a href="https://dan.mastohon.com/tags/contentdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#contentdesign</a> <a href="https://dan.mastohon.com/tags/fic" class="mention hashtag" rel="nofollow noopener" target="_blank">#fic</a> <a href="https://dan.mastohon.com/tags/openai" class="mention hashtag" rel="nofollow noopener" target="_blank">#openai</a> <a href="https://dan.mastohon.com/tags/gpt3" class="mention hashtag" rel="nofollow noopener" target="_blank">#gpt3</a> <a href="https://dan.mastohon.com/tags/geordilaforge" class="mention hashtag" rel="nofollow noopener" target="_blank">#geordilaforge</a> <a href="https://dan.mastohon.com/tags/userresearch" class="mention hashtag" rel="nofollow noopener" target="_blank">#userresearch</a> <a href="https://dan.mastohon.com/tags/microcopy" class="mention hashtag" rel="nofollow noopener" target="_blank">#microcopy</a> <a href="https://dan.mastohon.com/tags/microinteractions" class="mention hashtag" rel="nofollow noopener" target="_blank">#microinteractions</a> <a href="https://dan.mastohon.com/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#design</a>

henken<a href="https://hci.social/@upol" class="u-url mention" rel="nofollow noopener" target="_blank">@upol</a> It could also be in order to increase engagement with things you personally care about and provide progressive disclosure. I kind of like it because you make your own choice, regardless of how many others starred the post. I thought it was a bug at first because I'm just so used to it the other way. <a href="https://hci.social/tags/microinteractions" class="mention hashtag" rel="nofollow noopener" target="_blank">#microinteractions</a>

Recent searches

Search options

Administered by:

Server stats:

#microinteractions