shakedown.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A community for live music fans with roots in the jam scene. Shakedown Social is run by a team of volunteers (led by @clifff and @sethadam1) and funded by donations.

Administered by:

Server stats:

269
active users

#uiux

2 posts2 participants0 posts today
Hacker News<p>DesignArena – crowdsourced benchmark for AI-generated UI/UX</p><p><a href="https://www.designarena.ai/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">designarena.ai/</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/DesignArena" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignArena</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/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> <a href="https://mastodon.social/tags/benchmark" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>benchmark</span></a> <a href="https://mastodon.social/tags/crowdsourced" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>crowdsourced</span></a></p>
Ian K. Rogers ikr?╭ರ_ಠ<p>It's no small thing, CSS can now do carousels natively, with no javascript.</p><p>"scroll buttons, scroll markers, scroll driven animation, scroll-state() queries, :has(), grid, anchor and so much more.</p><p>Even more impressive is the accessibility story.</p><p>Carousel best practices are handled by the browser, thanks to the engineering and accessibility teams working together. It'd be very difficult to make a more accessible carousel than this."</p><p><a href="https://mstdn.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mstdn.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mstdn.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> </p><p><a href="https://developer.chrome.com/blog/carousels-with-css" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.chrome.com/blog/caro</span><span class="invisible">usels-with-css</span></a></p>
Rémi Cardona<p><span class="h-card" translate="no"><a href="https://gruene.social/@jon" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>jon</span></a></span> It would appear I never posted here my design improvements for inOui. I sent it to the <a href="https://urbanists.social/tags/TGV" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TGV</span></a> CM on twitter, just got a standard reply. It would *seem* TGV M and Oxygène EMUs will have a slightly better design but I fear it may not be enough. (haven't seen it in person yet)</p><p>**Everytime** I take a TGV, people sit in the wrong rows. It's usually not that big a deal, but the confusion and mild chaos are time consuming for everyone. With the occasional asshole that makes a whole fuss. <a href="https://urbanists.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a> <a href="https://urbanists.social/tags/uiux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uiux</span></a></p>
Kobooto Audio<p>built a super minimal compressor. the only parameter is threshold. for some reason, it adds a bit of noise.<br><a href="https://mastodon.social/tags/vst" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vst</span></a> <a href="https://mastodon.social/tags/plugin" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>plugin</span></a> <a href="https://mastodon.social/tags/music" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>music</span></a> <a href="https://mastodon.social/tags/audio" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>audio</span></a> <a href="https://mastodon.social/tags/synth" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>synth</span></a> <a href="https://mastodon.social/tags/effects" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>effects</span></a> <a href="https://mastodon.social/tags/uidesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uidesign</span></a> <a href="https://mastodon.social/tags/uiux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uiux</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/electronicmusic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>electronicmusic</span></a> <a href="https://mastodon.social/tags/ableton" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ableton</span></a> <a href="https://mastodon.social/tags/%EF%AC%82studio" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>flstudio</span></a></p>
Break3 Studios<p>More sneak peeks from the BETA version of the new VEX.blue website 🌀</p><p>Our Services page just got a fresh coat of paint; Redesigned to help you more easily explore what we offer, from digital tools to platform support.</p><p>👉 Available now exclusively on our BETA site: <a href="https://new.vex.blue/services" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">new.vex.blue/services</span><span class="invisible"></span></a></p><p>We’d love your thoughts on the new layout!</p><p><a href="https://mas.to/tags/WebsitePreview" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebsitePreview</span></a> <a href="https://mas.to/tags/BETA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BETA</span></a> <a href="https://mas.to/tags/NewDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NewDesign</span></a> <a href="https://mas.to/tags/VEXblue" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VEXblue</span></a> <a href="https://mas.to/tags/Services" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Services</span></a> <a href="https://mas.to/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a> <a href="https://mas.to/tags/DarkMode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DarkMode</span></a> <a href="https://mas.to/tags/DigitalServices" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DigitalServices</span></a> <a href="https://mas.to/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mas.to/tags/NextJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NextJS</span></a> <a href="https://mas.to/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> <a href="https://mas.to/tags/FrontendDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDesign</span></a> <a href="https://mas.to/tags/ResponsiveWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ResponsiveWeb</span></a> <a href="https://mas.to/tags/IndieDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IndieDev</span></a> <a href="https://mas.to/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a></p>
Kagan MacTane (he/him)<p>UX designers (which includes nearly anyone developing front-end code, whether it's in your job title or not), remember that real people will have to use your interface. It will affect them. It can have a serious impact on their quality of daily life.</p><p>Don't drive your users to this: <a href="https://mastodon.online/@nikitonsky/114672417919925192" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">mastodon.online/@nikitonsky/11</span><span class="invisible">4672417919925192</span></a></p><p><a href="https://wandering.shop/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://wandering.shop/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UX</span></a> <a href="https://wandering.shop/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> <a href="https://wandering.shop/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a> <a href="https://wandering.shop/tags/BadUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUX</span></a> <a href="https://wandering.shop/tags/BadUXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BadUXDesign</span></a> <a href="https://wandering.shop/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEnd</span></a> <a href="https://wandering.shop/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://wandering.shop/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a></p>
Mario Alberto Guzmán<p>I really need the design team at Apple to think real hard when making new design systems.</p><p>Visually stacked items on the Z-Axis does not do you favors when it comes to a 2D display.</p><p>You can’t distinguish what elements goes with what view. <a href="https://mastodon.social/tags/macOSTahoe" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>macOSTahoe</span></a> doubles down on layering on the Z-axis more than ever before.</p><p>Both Apple and 3rd party devs now have to come up with fixes to address this mess. Like the new NSBackgroundExtensionView in <a href="https://mastodon.social/tags/AppKit" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AppKit</span></a>.</p><p><a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> <a href="https://mastodon.social/tags/WWDC25" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WWDC25</span></a> <a href="https://martianbase.net/@mackuba/114684169532147576" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">martianbase.net/@mackuba/11468</span><span class="invisible">4169532147576</span></a></p>
Mario Alberto Guzmán<p>Just go back to earlier versions of iTunes. Ignore any ideas of it looking "outdated" — look how all the controls fit nicely on a full-window-width toolbar. Clearly labeled. You will NOT mess up here in using iTunes.</p><p>The ONLY thing to lose real estate is by resizing the window; not resizing any sidebars. *THIS* is good/standard design. How did we stray away from such basic UX?</p><p>That's the part I don't understand.</p><p>AND they used bottom bars too!!! Design that WORKS.</p><p><a href="https://mastodon.social/tags/iTunes" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>iTunes</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> <a href="https://mastodon.social/tags/macOSTahoe" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>macOSTahoe</span></a></p>
Mario Alberto Guzmán<p>I know, I keep coming back to this. And this isn't about Liquid Glass...</p><p>I think we're in this awful state of layouts because of full-height sidebars and compressing the title bar into the toolbar.</p><p>Full-height sidebars do not aid in anything. They just serve to eat more of your toolbar space. When you mix that with combining the toolbar with the titlebar -- well you end up with no space at all...</p><p>I think this forced Apple Design to moving player controls to the bottom. <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> <a href="https://mastodon.social/tags/macOSTahoe" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>macOSTahoe</span></a></p>
The Iconfactory<p>Peeking through the Liquid Glass: From usability to branding, we explore what Liquid Glass means for designers and developers in our latest post.</p><p><a href="https://blog.iconfactory.com/2025/06/peeking-through-the-liquid-glass/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.iconfactory.com/2025/06/p</span><span class="invisible">eeking-through-the-liquid-glass/</span></a></p><p><a href="https://iconfactory.world/tags/WWDC" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WWDC</span></a> <a href="https://iconfactory.world/tags/LiquidGlass" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LiquidGlass</span></a> <a href="https://iconfactory.world/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> <a href="https://iconfactory.world/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://iconfactory.world/tags/NeoRetro" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NeoRetro</span></a></p>
 Benjamin Salgado<p>🚨 New look alert!<br>The official swift.org website just got a full redesign and it looks fantastic.</p><p>Clean, fast, and full of great Swift resources. Worth checking out.</p><p><a href="https://mastodon.social/tags/SwiftLang" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SwiftLang</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/SwiftUI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SwiftUI</span></a> <a href="https://mastodon.social/tags/Xcode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Xcode</span></a> <a href="https://mastodon.social/tags/AppDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AppDevelopment</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/BuildInPublic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BuildInPublic</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> <a href="https://mastodon.social/tags/100DaysOfSwiftUI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>100DaysOfSwiftUI</span></a></p>
Jorge Fuentes<p>Did a little refresh of my online portfolio the other day and took the opportunity to upload a project close to my heart that sadly never got to the production stage: Circuits 2!</p><p>Would love to work in an audio-related game or tool again sometime. Such an interesting space.</p><p><a href="https://www.jorgefuentes.net/portfolio/circuits-2/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">jorgefuentes.net/portfolio/cir</span><span class="invisible">cuits-2/</span></a></p><p><a href="https://mastodon.gamedev.place/tags/gamedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gamedev</span></a> <a href="https://mastodon.gamedev.place/tags/uiux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uiux</span></a> <a href="https://mastodon.gamedev.place/tags/mockup" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mockup</span></a> <a href="https://mastodon.gamedev.place/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a> <a href="https://mastodon.gamedev.place/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://mastodon.gamedev.place/tags/graphicdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>graphicdesign</span></a></p>
 Benjamin Salgado<p>🌤️ Apple Weather App (Benja’s Version)<br>A minimalist take inspired by the original Apple Weather app.</p><p>👉 Check it out on GitHub: github.com/benjaminrsalgado/weather</p><p><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/SwiftUI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SwiftUI</span></a> <a href="https://mastodon.social/tags/AppDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AppDevelopment</span></a> <a href="https://mastodon.social/tags/MobileApps" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MobileApps</span></a> <a href="https://mastodon.social/tags/SwiftLang" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SwiftLang</span></a> <a href="https://mastodon.social/tags/Xcode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Xcode</span></a> <a href="https://mastodon.social/tags/BuildInPublic" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BuildInPublic</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/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a></p>
Mario Alberto Guzmán<p>Look how you can easily tell what is clickable... (and you WANT to click it too haha). Where did the modern designer lose their way? I will never understand... </p><p>When I look at this, it even looks * premium * -- like something you would definitely expect from a trillion dollar company.</p><p>It's far better than whatever the hell they're shipping these days... </p><p><a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> </p><p>3/x</p>
Mario Alberto Guzmán<p>A friend sent me this screenshot of FCPX running on OS X Mavericks:<br>1. Everything is compartmentalized; sections, subsections, content, tools<br>2. Clear on/off state for controls<br>3. Even with icons lacking color, they have detail; far clearer than SF Symbols could ever be<br>4. Buttons have borders; you can tell what is a button vs. symbol (representing a status)</p><p>This is what Dark Mode should have been; a "lights out" version of standard window chrome. Not just black.<br><a href="https://mastodon.social/tags/macOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>macOS</span></a> <a href="https://mastodon.social/tags/MacOSX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MacOSX</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> <a href="https://mastodon.social/tags/Aqua" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Aqua</span></a></p><p>1/x</p>
Mario Alberto Guzmán<p>The OG Macintosh Determinate and Indeterminate Progress Bars were fucking *chef's kiss*</p><p> <a href="https://mastodon.social/tags/Macintosh" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Macintosh</span></a> <a href="https://mastodon.social/tags/MacOSX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MacOSX</span></a> <a href="https://mastodon.social/tags/MacOSXLeopard" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MacOSXLeopard</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> <a href="https://mastodon.social/tags/HIG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HIG</span></a> <a href="https://mastodon.social/tags/Aqua" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Aqua</span></a></p>
Mario Alberto Guzmán<p>The indeterminate progress bar from Mac OS 9 will always be my favorite… the barber pole style is classic Macintosh but flat designers at Apple killed the style for a more “Android OS” looking one. Lame.</p><p><a href="https://mastodon.social/tags/MacOS9" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MacOS9</span></a> <a href="https://mastodon.social/tags/Platinum" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Platinum</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a></p>
Mario Alberto Guzmán<p>A while back I recreated the Mac OS 9 progress bar with Core Animation (and indeterminate progress bar) but needed something to test them in. Heh… so I made a test bed that looked like the Classic Environment launcher from Mac OS X Tiger. </p><p><a href="https://mastodon.social/tags/MacOS9" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MacOS9</span></a> <a href="https://mastodon.social/tags/Platinum" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Platinum</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a></p>
Mario Alberto Guzmán<p>Slowly but surely bringing back <a href="https://mastodon.social/tags/Aqua" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Aqua</span></a>... </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/macOS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>macOS</span></a> <a href="https://mastodon.social/tags/MacOSX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MacOSX</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a></p>
Mario Alberto Guzmán<p>The elements across the top are all buttons. Don't talk to me about “consistency“ when this is what you're putting out.</p><p><a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a></p>