mastodon.gamedev.place is one of the many independent Mastodon servers you can use to participate in the fediverse.
Mastodon server focused on game development and related topics.

Server stats:

5.5K
active users

#ui

38 posts36 participants1 post today
Damon L. Wakes<p>It's a rather minor addition in some ways, but for my current project I'm working on a menu that'll allow the player to make some basic tweaks, and generally help the whole thing look more like a serious, complete product and less like something I've rushed out the moment it was functional.<br><a href="https://mastodon.sdf.org/tags/ScreenshotSaturday" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ScreenshotSaturday</span></a> <a href="https://mastodon.sdf.org/tags/GDevelop" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GDevelop</span></a> <a href="https://mastodon.sdf.org/tags/gamedev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gamedev</span></a> <a href="https://mastodon.sdf.org/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a></p>
Ilkka Janatuinen :verified:<p>Just decided that this icon will replace the ages old cogwheel settings icon in the future.</p><p>How wild is your Friday night, huh?</p><p><a href="https://typo.social/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> <a href="https://typo.social/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://typo.social/tags/icondesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>icondesign</span></a></p>
🌈 Lascapi ⁂<p>Do you know guys, if some <a href="https://mastodon.zaclys.com/tags/xmpp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>xmpp</span></a> <a href="https://mastodon.zaclys.com/tags/sip" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sip</span></a> and <a href="https://mastodon.zaclys.com/tags/matrix" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>matrix</span></a> UI clients are e2e tested. I mean explicitly the <a href="https://mastodon.zaclys.com/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> and <a href="https://mastodon.zaclys.com/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> part. <br>For example with <a href="https://mastodon.zaclys.com/tags/appium" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>appium</span></a> . </p><p>It's hard to find this kind of information. </p><p><a href="https://mastodon.zaclys.com/tags/boostswelcome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>boostswelcome</span></a> :)</p>
Archimage<p>I see what they are trying to accomplish, but the UI sucks (to put it in understandable terms).</p><p><a href="https://writing.exchange/tags/apple" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>apple</span></a> <a href="https://writing.exchange/tags/mail" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mail</span></a> <a href="https://writing.exchange/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a> <a href="https://writing.exchange/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a> <a href="https://writing.exchange/tags/failure" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>failure</span></a></p>
Andy P<p>It took me an unbelievable amount of effort to get a gradient on screen. So, the way to do it (after much research and growling) is to make a gradient resource, then use that item as the texture in a StyleBoxTexture resource, basically the same concept as a CSS border-image. But I didn't need the slices. AND THEN apply that to a button.<br><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-image" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/CSS/border-image</span></a></p><p><a href="https://mastodon.art/tags/Godot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Godot</span></a> <a href="https://mastodon.art/tags/GameDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GameDev</span></a> <a href="https://mastodon.art/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.art/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a></p>
argv minus one<p>I am annoyed by fake progress bars.</p><p>I do not ever want to see a progress bar rapidly advance to 90% and then slow to a crawl unless the operation really has progressed and then slowed to a crawl.</p><p>If you do not know how much of the operation has been completed and how much remains, then show something other than a f**king progress bar. 🤬</p><p>And yes, <a href="https://mastodon.sdf.org/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Mastodon</span></a> image viewer, I'm talking about you. 🫵</p><p>That is all. Carry on.</p><p><a href="https://mastodon.sdf.org/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>programming</span></a> <a href="https://mastodon.sdf.org/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> <a href="https://mastodon.sdf.org/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://mastodon.sdf.org/tags/rant" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rant</span></a></p>
Tao of Mac<p>Apple Needs a Reset</p><p>Although there are a few innacuracies here (Snow Leopard was not that much of an improvement, more of a freebie and a way to level set), it can’t be argued that today’s MacOS Sequo(...)</p><p><a href="https://mastodon.social/tags/apple" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>apple</span></a> <a href="https://mastodon.social/tags/development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>development</span></a> <a href="https://mastodon.social/tags/ios" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ios</span></a> <a href="https://mastodon.social/tags/macos" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>macos</span></a> <a href="https://mastodon.social/tags/sequoia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sequoia</span></a> <a href="https://mastodon.social/tags/snowleopard" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>snowleopard</span></a> <a href="https://mastodon.social/tags/software" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>software</span></a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a></p><p><a href="https://taoofmac.com/space/links/2025/03/28/0644" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">taoofmac.com/space/links/2025/</span><span class="invisible">03/28/0644</span></a></p>
Christoph<p>Expanding a PDF in <a href="https://digitalcourage.social/tags/Miro" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Miro</span></a> has the most confusing <a href="https://digitalcourage.social/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a>. I never get it right.</p>
Greg Kaplan<p>One last speculation.</p><p>In <a href="https://mastodon.social/tags/visionOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>visionOS</span></a> there's no concept of Light/Dark Mode <a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a>. Apple's new glass material system responds dynamically to background content while maintaining contrast and legibility.</p><p>It's great for passthrough video and all virtual environments have a light and dark mode similar to how many iOS and mac wallpapers have light and dark mode. background goes dark - so does UI.</p><p>For users it'd be a subtle change. For devs, it could simplify light/dark mode design if they adopt glass.</p>
Greg Kaplan<p>I think <a href="https://mastodon.social/tags/apple" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>apple</span></a> designers did a great job with the <a href="https://mastodon.social/tags/visionOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>visionOS</span></a> <a href="https://mastodon.social/tags/designSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designSystem</span></a>. Their video talks all about it.</p><p>If there's any hints to what visionOS "inspired" means, it'd likely be coming directly from the source.</p><p>Here's what they have to say about app icons:</p><p>- They react to people interacting with them<br>- They take on environmental effects <br>- They have 3D depth with parallax layers <br>- Each layer is a square image the OS does the circular mask.</p><p><a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a> <a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a></p><p><a href="https://developer.apple.com/videos/play/wwdc2023/10076/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.apple.com/videos/pla</span><span class="invisible">y/wwdc2023/10076/</span></a></p>
Greg Kaplan<p>Thoughts on <a href="https://mastodon.social/tags/ios19" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ios19</span></a> <a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a> rumors:</p><p>Jon Prosser posted up a mockup. Gurman claims it's not accurate and I'm inclined to believe him. </p><p>Rumors say the redesign will be <a href="https://mastodon.social/tags/visionOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>visionOS</span></a> inspired but the mock doesn't follow the rules of VisionOS. Apple never nests the glass effect on flat surfaces. The mocked top buttons are not a thing in visionOS and frankly just look bad.</p><p>The glass effect is used to give contrast to windows floating over other windows or content.</p><p><a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a></p><p><a href="https://9to5mac.com/2025/03/25/ios-19-leaked-screenshot-interface/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">9to5mac.com/2025/03/25/ios-19-</span><span class="invisible">leaked-screenshot-interface/</span></a></p>
Michael Gale<p>Feeling like you have to include <a href="https://hachyderm.io/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AI</span></a> in your already perfectly fine application is one thing, but putting it in the position where the returning user would expect to see legacy <a href="https://hachyderm.io/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> (read: the part that always used to work) should be met with throwing whoever planned the feature into <a href="https://hachyderm.io/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> jail. </p><p>Yes, I was looking at <a href="https://hachyderm.io/tags/DuckDuckGo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DuckDuckGo</span></a>. <br>Yes, <a href="https://hachyderm.io/tags/UblockOrigin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UblockOrigin</span></a> stepped in to remove this annoying feature.</p>
Michael Gale<p>Quite enjoying this UI pattern. </p><p>"Hello, just letting you know up front that the content you're about to view is from a highly malicious and dangerous corporation that would love nothing more than to destroy your soul and your grandma's soul and your dog's soul and turn them all into profits for the board. </p><p>...Wanna allow that?"</p><p>(As seen on The Guardian and <span class="h-card" translate="no"><a href="https://mastodon.social/@gamingonlinux" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>gamingonlinux</span></a></span> )</p><p><a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://hachyderm.io/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> <a href="https://hachyderm.io/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://hachyderm.io/tags/Privacy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Privacy</span></a></p>
🧠<p>Now that I finished making my <a href="https://mastodon.gamedev.place/tags/roguelike" class="mention hashtag" rel="tag">#<span>roguelike</span></a> for <a href="https://mastodon.gamedev.place/tags/7drl2025" class="mention hashtag" rel="tag">#<span>7drl2025</span></a>, I can finally resume work on my <a href="https://mastodon.gamedev.place/tags/Playdate" class="mention hashtag" rel="tag">#<span>Playdate</span></a> pulp project, which is to make a roguelike.</p><p>I finally managed to get a spell selection menu that I&#39;m happy with, which has been a roadblock for the longest time.</p><p><a href="https://mastodon.gamedev.place/tags/indiedev" class="mention hashtag" rel="tag">#<span>indiedev</span></a> <a href="https://mastodon.gamedev.place/tags/gamedev" class="mention hashtag" rel="tag">#<span>gamedev</span></a> <a href="https://mastodon.gamedev.place/tags/ui" class="mention hashtag" rel="tag">#<span>ui</span></a></p>
Pseudo Nym<p><a href="https://mastodon.online/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> / <a href="https://mastodon.online/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> question. </p><p>You have a toggle for exclusive states "foo" and "bar" and the state name in the button. Clicking the button changes the state, and the name displayed inside the button. </p><p>Is the name in the button the current state, or the state you want to change to? What is your expectation?</p>
Børge<p>I wish there was a modifier to Tab that you could hold to jump directly to the next text input, instead of the regular jump to the next interactable element.</p><p>The number of times I have to hit Tab multiple times to get across linkes or other stuff to get to what I actually want to do is too damned high.</p><p><a href="https://tutoteket.no/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> <a href="https://tutoteket.no/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://tutoteket.no/tags/computer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>computer</span></a> <a href="https://tutoteket.no/tags/Linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Linux</span></a> <a href="https://tutoteket.no/tags/Gnome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Gnome</span></a></p>
lps<p>More <a href="https://mograph.social/tags/penpot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>penpot</span></a> <span class="h-card" translate="no"><a href="https://mastodon.laurakalbag.com/@laura" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>laura</span></a></span> goodness just posted to their <a href="https://mograph.social/tags/peertube" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>peertube</span></a> channel:)</p><p><a href="https://peertube.kaleidos.net/videos/watch/e3b3e798-8c85-4d7a-92f3-c879f4457380" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">peertube.kaleidos.net/videos/w</span><span class="invisible">atch/e3b3e798-8c85-4d7a-92f3-c879f4457380</span></a></p><p>Please pass this on to your favourite <a href="https://mograph.social/tags/foss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>foss</span></a> project ;). </p><p>Let's make <a href="https://mograph.social/tags/freesoftware" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>freesoftware</span></a> beautiful!</p><p><a href="https://mograph.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a> <a href="https://mograph.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a> <a href="https://mograph.social/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>opensource</span></a></p>
dusoft<p>Enshittification you say? Well, Mozilla has got enough flak recently due to <a href="https://fosstodon.org/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AI</span></a>. But basic stuff like file handling on <a href="https://fosstodon.org/tags/Firefox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Firefox</span></a> does not work properly as I have documented in this <a href="https://fosstodon.org/tags/bug" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bug</span></a> report: <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1956508" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">bugzilla.mozilla.org/show_bug.</span><span class="invisible">cgi?id=1956508</span></a><br><a href="https://fosstodon.org/tags/bugzilla" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bugzilla</span></a> <a href="https://fosstodon.org/tags/bugs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bugs</span></a> <a href="https://fosstodon.org/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a> <a href="https://fosstodon.org/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a></p>
gee Ⓐ⚑<p>[Archive — 2023] LHDG07. GNU/Linux, c'est trop compliqué&nbsp;?</p><p>Quand je vois le brol délirant des interfaces de logiciels propriétaires avec lequel les gens s'accommodent, ça me fait marrer d'entendre que le libre, c'est «&nbsp;compliqué&nbsp;»…</p><p>▶️ Écouter cette chronique&nbsp;: <a href="https://grisebouille.net/lhdg07-gnulinux-cest-trop-complique/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">grisebouille.net/lhdg07-gnulin</span><span class="invisible">ux-cest-trop-complique/</span></a><br>📗 Le livre best of&nbsp;: <a href="https://editions.ptilouk.net/gb10ans" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">editions.ptilouk.net/gb10ans</span><span class="invisible"></span></a><br>❤️ Soutien&nbsp;: <a href="https://ptilouk.net/#soutien" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ptilouk.net/#soutien</span><span class="invisible"></span></a></p><p><a href="https://framapiaf.org/tags/archive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>archive</span></a> <a href="https://framapiaf.org/tags/GriseBouille" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GriseBouille</span></a> <a href="https://framapiaf.org/tags/humour" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>humour</span></a> <a href="https://framapiaf.org/tags/chronique" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>chronique</span></a> <a href="https://framapiaf.org/tags/logicielLibre" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>logicielLibre</span></a> <a href="https://framapiaf.org/tags/GAFAM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GAFAM</span></a> <a href="https://framapiaf.org/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> <a href="https://framapiaf.org/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <br><a href="https://grisebouille.net/lhdg07-gnulinux-cest-trop-complique/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">grisebouille.net/lhdg07-gnulin</span><span class="invisible">ux-cest-trop-complique/</span></a></p>
Benjamin<p>If you, like me, hate how the new discord theme doesn't properly align elements, this gist might be for you.<br>You can put it into Stylus for Firefox.</p><p><a href="https://codeberg.org/blindcoder/gists/src/branch/main/discord_202503.css" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/blindcoder/gists/</span><span class="invisible">src/branch/main/discord_202503.css</span></a></p><p><a href="https://toot.berlin/tags/Discord" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Discord</span></a> <a href="https://toot.berlin/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> <a href="https://toot.berlin/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://toot.berlin/tags/Firefox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Firefox</span></a> <a href="https://toot.berlin/tags/Stylus" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Stylus</span></a></p>