#UI

Carlos (카를로스) 🎩Anyone here need a hand with a personal open source project?I'm not looking to get money, just to collaborate on something beneficial to the community.I'm into product design and software development.<a href="https://mastodon.social/tags/FOSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#FOSS</a> <a href="https://mastodon.social/tags/SoftwareDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#SoftwareDevelopment</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/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Ruby" class="mention hashtag" rel="nofollow noopener" target="_blank">#Ruby</a> <a href="https://mastodon.social/tags/RubyOnRails" class="mention hashtag" rel="nofollow noopener" target="_blank">#RubyOnRails</a> <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#React</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a>

Adrian RoselliI left a comment last week on Smashing’s “Design Patterns For AI Interfaces” (which is still in moderation): <a href="https://www.smashingmagazine.com/2025/07/design-patterns-ai-interfaces/" rel="nofollow noopener" translate="no" target="_blank">https://www.smashingmagazine.com/2025/07/design-patterns-ai-interfaces/</a>Essentially, if your UI doesn’t also try to prevent harm then it might be a shitty UI. I linked to my generic LLM chatbot attestation UI: <a href="https://adrianroselli.com/2025/02/generic-llm-chatbot-attestation.html" rel="nofollow noopener" translate="no" target="_blank">https://adrianroselli.com/2025/02/generic-llm-chatbot-attestation.html</a><a href="https://toot.cafe/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> <a href="https://toot.cafe/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a>

Brian Dear<a href="https://mastodon.social/@marcoarment" class="u-url mention" rel="nofollow noopener" target="_blank">@marcoarment</a> Completely agree. Further evidence that Tesla-style bad <a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> design “principles” are making their way into other software. (Imagine this kind of design on a screen in a moving vehicle. Good luck with the hand-eye coordination, requiring taking your eyes off the road — what could go wrong?)Also, does the latest generation of UI designers have toothpicks for fingers?

Dave RahardjaI’m a little saddened by the gradual embiggening of font sizes on desktop computers over the past 25 years, mostly thanks to the web. Going from 11–13 pt as the standard systemwide font, to the 15–20 pt standard found on websites, is wasting so much real estate. Not only does this make system text look tiny next to web content, window chrome has gradually grown to balance out the appearance of web content as it takes over the desktop, with bigger and bigger swaths of empty margins to make the visuals work better.Going back and forth between high-density system text and web content is jarring. I also miss my real estate. My 16 inch display feels just as cramped as my 14 inch display 20 years ago.<a href="https://sfba.social/tags/typography" class="mention hashtag" rel="nofollow noopener" target="_blank">#typography</a> <a href="https://sfba.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://sfba.social/tags/fonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#fonts</a> <a href="https://sfba.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a>

Mohammad Rafigh - TechNeoComment will come with "Forest" and "Beach" themes both available on light and dark mode 🤩. I need to show some more details for items in Explore view which is currently not available in the "trending" APIs of NeoDB, so I will have a hard time to initiate multiple requests to NeoDB instances. If I face rate limits I might be forced to show less items in the explore.Thanks to <a href="https://fosstodon.org/@penpot" class="u-url mention" rel="nofollow noopener" target="_blank">@penpot</a> I'm not a designer but Penpot made everything much easier for me.<a href="https://fosstodon.org/tags/NeoComment" class="mention hashtag" rel="nofollow noopener" target="_blank">#NeoComment</a> <a href="https://fosstodon.org/tags/NeoDB" class="mention hashtag" rel="nofollow noopener" target="_blank">#NeoDB</a> <a href="https://fosstodon.org/tags/Penpot" class="mention hashtag" rel="nofollow noopener" target="_blank">#Penpot</a> <a href="https://fosstodon.org/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a>

NazoHuh. Well this is new.<a href="https://urusai.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://urusai.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIDesign</a> <a href="https://urusai.social/tags/UIDonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#UIDonts</a>

AmyFou 🕊️what controls when submenus open downward vs when they open upward? Here on the 'don, my 'emojis' submenu typically opens downward (boo - it often goes past the bottom of the screen) on a first try, and upward (yay! always works) on a second try.Screencaps from a submenu in calendly.com that opens downward (yay! all options visible!) when it's the at the top of a list, but upwards (boo! opens *behind* a spacer that obscures several options).<a href="https://lingo.lol/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://lingo.lol/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://lingo.lol/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://lingo.lol/tags/sorcery" class="mention hashtag" rel="nofollow noopener" target="_blank">#sorcery</a> <a href="https://lingo.lol/tags/oops" class="mention hashtag" rel="nofollow noopener" target="_blank">#oops</a>

JeromeFive usability- and design sites I use:1. Discount software-design method: <a href="https://fivesketches.com/quality-software-designs-by-sketching/" rel="nofollow noopener" translate="no" target="_blank">https://fivesketches.com/quality-software-designs-by-sketching/</a>2. UK's methods and patterns: <a href="https://design-system.service.gov.uk/" rel="nofollow noopener" translate="no" target="_blank">https://design-system.service.gov.uk/</a>3. Nielsen Norman Group's posts about user research and design: <a href="https://www.nngroup.com/articles/" rel="nofollow noopener" translate="no" target="_blank">https://www.nngroup.com/articles/</a>4. MeasuringU's posts about research statistics: <a href="https://measuringu.com/" rel="nofollow noopener" translate="no" target="_blank">https://measuringu.com/</a>5. USA's definitions and resources: <a href="https://digital.gov/resources" rel="nofollow noopener" translate="no" target="_blank">https://digital.gov/resources</a><a href="https://mastodon.social/tags/usability" class="mention hashtag" rel="nofollow noopener" target="_blank">#usability</a> <a href="https://mastodon.social/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> <a href="https://mastodon.social/tags/UserExperience" class="mention hashtag" rel="nofollow noopener" target="_blank">#UserExperience</a> <a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://mastodon.social/tags/IxD" class="mention hashtag" rel="nofollow noopener" target="_blank">#IxD</a> <a href="https://mastodon.social/tags/UR" class="mention hashtag" rel="nofollow noopener" target="_blank">#UR</a> <a href="https://mastodon.social/tags/UCD" class="mention hashtag" rel="nofollow noopener" target="_blank">#UCD</a> <a href="https://mastodon.social/tags/UserResearch" class="mention hashtag" rel="nofollow noopener" target="_blank">#UserResearch</a> <a href="https://mastodon.social/tags/research" class="mention hashtag" rel="nofollow noopener" target="_blank">#research</a> <a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#design</a> <a href="https://mastodon.social/tags/method" class="mention hashtag" rel="nofollow noopener" target="_blank">#method</a> <a href="https://mastodon.social/tags/guide" class="mention hashtag" rel="nofollow noopener" target="_blank">#guide</a> <a href="https://mastodon.social/tags/statistics" class="mention hashtag" rel="nofollow noopener" target="_blank">#statistics</a> <a href="https://mastodon.social/tags/software" class="mention hashtag" rel="nofollow noopener" target="_blank">#software</a>

Brian Dear<a href="https://mastodon.social/@marcoarment" class="u-url mention" rel="nofollow noopener" target="_blank">@marcoarment</a> Just a theory, I know zero things:It used to be that Tesla hired, or at least aspired to hire, mostly <a href="https://mastodon.social/tags/Apple" class="mention hashtag" rel="nofollow noopener" target="_blank">#Apple</a> <a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a>/#UX/#IA people. Years ago.Then Tesla's UI/UX/IA turned to shit, peaking right about, well, now.I fear that Apple has been hiring, or aspiring to hire, mostly Tesla UI/UX/IA people lately because this is the kind of "we don't care about the customer's successful accomplishment of a task" shit that Tesla pulls every day in a no-accountability company culture.

Gilles DePemig :TwinPines:I have a problem, and I'm curious whether I am alone with this. When I land on a page where I need to login, I so often click the wrong button. Aside from stupid dark patterns, this has to do with the words:- Log in - Sign in - Sign upI think the issue is that when I see "Sign", I am alarmed thinking, "nope, the other button", even if "Sign" is followed by "in". Maybe, because the combination "log in" - "sign up" is more common than "sign in" - "sign up".Am I alone? <a href="https://social.coop/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://social.coop/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> <a href="https://social.coop/tags/login" class="mention hashtag" rel="nofollow noopener" target="_blank">#login</a> <a href="https://social.coop/tags/signup" class="mention hashtag" rel="nofollow noopener" target="_blank">#signup</a>

jasegI finally came around to writing up the details behind the CSS-only code listings I use on my blog. These listings wrap on page resize with line continuation markers, show scrollbars past a configurable minimum width, support native text selection without the line numbers being copied, and number lines in plain CSS without any JS involved. Have a look, the post is simultaneously a demo:<a href="https://jaseg.de/blog/css-only-code-blocks/" rel="nofollow noopener" translate="no" target="_blank">https://jaseg.de/blog/css-only-code-blocks/</a><a href="https://chaos.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://chaos.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://chaos.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://chaos.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a> <a href="https://chaos.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#ux</a>

just small circles 🕊The new <a href="https://social.coop/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#Mastodon</a> <a href="https://social.coop/tags/UX" class="mention hashtag" rel="nofollow noopener" target="_blank">#UX</a> has a very small popup dialog <a href="https://social.coop/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> for editing <a href="https://social.coop/tags/AltText" class="mention hashtag" rel="nofollow noopener" target="_blank">#AltText</a>. It is so small that it is hard to parse the image in order to come up with a descriptive text. To the extent where I feel I have a visual impairment peering intently at the minute text pixels in my diagram just now.

Ashwin Dixit<a href="https://kinkycats.org/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#Mastodon</a> <a href="https://kinkycats.org/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://kinkycats.org/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> : "Oops! An unexpected error has occurred."1) An "unexpected error" implies the existence of an "expected error". And if you're expecting an error, why don't you go fix it? 😜 2) You had me at, "Oops!"

Mike :nixos:Hey <a href="https://fosstodon.org/tags/elixir" class="mention hashtag" rel="nofollow noopener" target="_blank">#elixir</a> folks, do you know any agencies that have both <a href="https://fosstodon.org/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#ux</a> <a href="https://fosstodon.org/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a> <a href="https://fosstodon.org/tags/designer" class="mention hashtag" rel="nofollow noopener" target="_blank">#designer</a> and <a href="https://fosstodon.org/tags/Developers" class="mention hashtag" rel="nofollow noopener" target="_blank">#Developers</a> I want to start workign with an agency that can help with design work, but also potentially support some dev stuff as we rewrite in elixir

Tao of MaciPadOS 26 Beta - A Frustrating Design RegressionAgainst my better judgment I went and installed iPadOS 26 Beta on my M1 Pro iPad, and… it’s a mess.(...)<a href="https://mastodon.social/tags/apple" class="mention hashtag" rel="nofollow noopener" target="_blank">#apple</a> <a href="https://mastodon.social/tags/beta" class="mention hashtag" rel="nofollow noopener" target="_blank">#beta</a> <a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#design</a> <a href="https://mastodon.social/tags/ipad" class="mention hashtag" rel="nofollow noopener" target="_blank">#ipad</a> <a href="https://mastodon.social/tags/ipados" class="mention hashtag" rel="nofollow noopener" target="_blank">#ipados</a> <a href="https://mastodon.social/tags/review" class="mention hashtag" rel="nofollow noopener" target="_blank">#review</a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a> <a href="https://mastodon.social/tags/usability" class="mention hashtag" rel="nofollow noopener" target="_blank">#usability</a><a href="https://taoofmac.com/space/blog/2025/07/25/2200" rel="nofollow noopener" translate="no" target="_blank">https://taoofmac.com/space/blog/2025/07/25/2200</a>

Alex CamilleriPeople who have shipped commercial <a href="https://mastodon.social/tags/godot" class="mention hashtag" rel="nofollow noopener" target="_blank">#godot</a> games, do you have any do's/dont's when it comes to using the built-in UI theming system? I'm currently rolling with it, but would love to minimize potential issues down the line <a href="https://mastodon.social/tags/gamedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#gamedev</a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a>

just small circles 🕊With the pinned posts being contained in a carrousel <a href="https://social.coop/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> widget in the new <a href="https://social.coop/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#Mastodon</a> release, there's much less likelihood that anyone sees any but the first pinned toot.

Greg KaplanI created mocks of how <a href="https://mastodon.social/tags/iPhonefold" class="mention hashtag" rel="nofollow noopener" target="_blank">#iPhonefold</a> will accommodate <a href="https://mastodon.social/tags/ios26" class="mention hashtag" rel="nofollow noopener" target="_blank">#ios26</a> messages app and compared it to iPhone 13 mini and iPhone 16 Pro Max.I think the iPhone mini aspect ratio and width is most ideal still.The pro max is hard to hold and while seeing more conversation is good there's diminishing returns on the value.The folding phone's will still feel wide in the hand but less top heavy. Screen would feel cramped but still usable. Though about as usable as original <a href="https://mastodon.social/tags/iPhone" class="mention hashtag" rel="nofollow noopener" target="_blank">#iPhone</a>. <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a> <a href="https://mastodon.social/tags/smartphone" class="mention hashtag" rel="nofollow noopener" target="_blank">#smartphone</a> <a href="https://mastodon.social/tags/apple" class="mention hashtag" rel="nofollow noopener" target="_blank">#apple</a>

Some Bits: Nelson's LinkblogOpen WebUI: A frontend for self-hosted LLMs <a href="https://openwebui.com/" rel="nofollow noopener" translate="no" target="_blank">https://openwebui.com/</a> <a href="https://tech.lgbt/tags/selfhosted" class="mention hashtag" rel="nofollow noopener" target="_blank">#selfhosted</a> <a href="https://tech.lgbt/tags/webapp" class="mention hashtag" rel="nofollow noopener" target="_blank">#webapp</a> <a href="https://tech.lgbt/tags/llm" class="mention hashtag" rel="nofollow noopener" target="_blank">#llm</a> <a href="https://tech.lgbt/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#ui</a> <a href="https://tech.lgbt/tags/ai" class="mention hashtag" rel="nofollow noopener" target="_blank">#ai</a> #+

bram dingelstad :nb_flag:gotta love unprojecting from 3D space to make immersive <a href="https://gamedev.lgbt/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> ✨ <a href="https://gamedev.lgbt/tags/BattleOfTarot" class="mention hashtag" rel="nofollow noopener" target="_blank">#BattleOfTarot</a><a href="https://gamedev.lgbt/tags/GodotEngine" class="mention hashtag" rel="nofollow noopener" target="_blank">#GodotEngine</a> <a href="https://gamedev.lgbt/tags/Project" class="mention hashtag" rel="nofollow noopener" target="_blank">#Project</a> <a href="https://gamedev.lgbt/tags/IndieGames" class="mention hashtag" rel="nofollow noopener" target="_blank">#IndieGames</a> <a href="https://gamedev.lgbt/tags/GameDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#GameDev</a>

Recent searches

Search options

Administered by:

Server stats: