design_law, to UIDesign
@design_law@mastodon.social avatar

Question for the web design people in the fedi: Is anything shown in (the solid lines in) this drawing something you'd refer to as a "breadcrumb"?

https://mastodon.social/@meredithlowry/112321242194162393

siblingpastry, to accessibility
@siblingpastry@mastodon.world avatar

Writing up some best-practice patterns for form controls, and I've assembled this list of native HTML controls that should never be used (because they're not universally supported, and/or their native UI has accessibility problems):

<input type="color">
<input type="date">
<input type="datetime">
<input type="datetime-local">
<input type="number">
<input type="time">
<input type="week">

Any debate on those? Anything I've missed?

Myndex,
@Myndex@techhub.social avatar

@siblingpastry

Yea I pretty much hate every date/calender input out there, and most of the color input tools too.

Interestingly, I think most color choosing tools and date choosing tools fail for the same reason: a “nearly infinite” set of possible choices.

Consider a date tool. Do you need to enter a date for next week for an appointment? Or a date/time in a month for a holiday trip, but you have to schedule around two other people.

Or, enter your birthday.

Or, find that event that was ten years ago, but it might have been 9 or 11 years, and you’re in California where we don’t have seasons so you can’t remember time of year…

That’s four different task requirements, and a simple all purpose tool is not an ideal solution.

But “simple all purpose” is what most UIs for date/time are.

f39, to design
@f39@mastodon.social avatar

Hello. OK. I give. I'm sick of twitter. I'm looking for cool people to follow. Point me at good accounts?

My interests are #design #neuroscience #3dimaging #datascience #softwaredevelopment #research #uiux #hci and #art

EvanMarie, to poop
@EvanMarie@sigmoid.social avatar

💜 Remix / Tailwind Infinite Scroll Masonry Grid 💜 So excited to have gotten this so smooth and beautiful. It might be my favorite component thus far. It is flawless from mobile to ultraHD, from 300px to 4000px!

video/mp4

vintprox, to UX
@vintprox@techhub.social avatar

I've read that wants to interoperate with other applications, to align with . My problem with their approach is that it's only planned as a third-party tab, with no promise of a setting that would place all the chats on the single page.

I realize they have security reservations, but I smell a dark pattern here: only do I message my people on WhatsApp from Matrix, they'd have to change tabs, making a chat with me stick like a sore thumb - or not stick at all.

Hot bottom-line: hiding behind a tab is no different than cutting off altogether. Multi-messenger chats should become a first-party feature in synchronous software, to comply with . Targeted apps that don't care about such regulation have no future.

WebuSCOP, to random French
@WebuSCOP@mastodon.scop.coop avatar

Webu recrute 🎉 !

Nous sommes une de conception et développement de sites web à , et nous recherchons actuellement un⋅e webdesigneur⋅euse UI/UX à temps plein, s'occupant également d'une partie importante de la communication externe de Webu.

Le détail de l'offre est disponible sur https://www.webu.coop/recrutement/offre-demploi-webdesign-infocom .

(on a vraiment besoin de quelqu'un⋅e qui fasse mieux que nous et l'AI 🦾)

design_law, to random
@design_law@mastodon.social avatar
eccentricstylist, to mastodon
@eccentricstylist@mastodon.gamedev.place avatar

Bye bye pixel hunts!

One of the gripes of some point and click interfaces are hunting for tiny things in corners of scenes -- I'm actively trying to avoid it in my game, but just in case any hotspots may be hard to find, I added some functionality to toggle visibility here by pressing the "H" key! :)

video/mp4

marioguzman, to UI
@marioguzman@mastodon.social avatar

I really hate UI like this. The only way to figure it out is by randomly fucking around tap tap tip tap this and that. I had no idea the only way to bring the tabs is by tapping the Threads logo in which no way looks like a button.

Designers for the love of god stop doing this LOL. My gaaaaaadah.

video/mp4

marioguzman, to AppleMusic
@marioguzman@mastodon.social avatar

Apple, I am sorry but you don't know how to design a good UI/UX anymore.

  1. Why does “Approve Collaborators" need an entire Table row? Checkboxes are also more Mac-y.
  2. Why are the “Done” and “Start Collaborating” buttons so tall & wide?
  3. What the hell am I supposed to press? Start Collaborating” & “Done” seem like equal triggering actions? Should “Done” have been “Cancel" instead?
  4. This feels so damn Mobile, not desktop.

trick, to UX
@trick@hachyderm.io avatar

When logging into a website, what is the benefit of asking for email, making me hit submit, and then asking me for my password? Why not accept both at once?

mikaelacaron, to random
@mikaelacaron@swiftdevs.space avatar

What’s an app that has a great onboarding flow?

And what do you think makes onboarding flows useful, and not something you just skip past? (Mainly ones that are interactive, not ones where they just tell you information)

pixel, to UI
@pixel@social.pixels.pizza avatar

As more companies work to integrate the capabilities of powerful generative AI language and vision models into new and existing software, high-level interaction...


https://www.lukew.com:443/ff/entry.asp?2037

mreliptik, to godot
kaiserkiwi, to webdev
@kaiserkiwi@corteximplant.com avatar

I have a question for my bubble. We do secret santa at work and I got a coworker that works in frontend, just discovered his love for modern and likes books for learning.

So I'm looking for a good CSS book that covers not only the basics but modern CSS and how it all works. It hasn't to cover "everything" but can also be pretty specific.

Any ideas? If I look for modern CSS books I just find stuft that seems modern by 2010-2015 standards. I would prefer a book from this year as CSS is evolving extremely fast the last two years.

English and German would both be okay.

kaiserkiwi,
@kaiserkiwi@corteximplant.com avatar

I would like to change the request to something like: I'm looking for good a UI/UX book. I guess this would be more successful.

Has to be available in Europe with shipping in the next days.

design_law, to UIDesign
@design_law@mastodon.social avatar

I know there are a lot of tech-savvy people in the fedi. Help me out?

What do you think of the USPTO's assertion that an icon or a GUI "an integral and active component in the operation of a COMPUTER"?

See
https://www.federalregister.gov/public-inspection/2023-25473/guidance-examination-of-design-patent-applications-related-to-computer-generated-electronic-images?utm_campaign=subscriptioncenter&utm_content=&utm_medium=email&utm_name=&utm_source=govdelivery&utm_term=

Would it be more accurate to say that an icon or a GUI "an integral and active component in the operation of a certain piece of SOFTWARE"?

Is this a distinction without a difference?

jerome_herbinet, to linux French
elb, to retrocomputing
@elb@social.sdf.org avatar

From the for manual:

The first part (Chapter 1) contains basic information and introduces enough TECO commands to allow the novice TECO user to begin creating and editing text files after only a few hours of instruction.

marioguzman, to Mac
@marioguzman@mastodon.social avatar

I've decided to take the old HIGs and merge them into one large collection of topics while modernizing them in the process.

The original would give actual examples with usable metrics and mention possible exceptions to the rule. The incredible level of detail gave developers the guidance to create delightful UI users have come to expect from their .

To kick off this work, here is my first topic. Layout Guidelines.

https://marioaguzman.github.io/design/layoutguidelines/

dopey_kun, to webdev
@dopey_kun@sakurajima.moe avatar

Does anyone else hate scroll snapping on websites?

aeveltstra, to microsoft
@aeveltstra@mastodon.social avatar

In this post: as seen through the app. Instead of loading or redirecting to the dedicated PowerBi app for iOS, it loads the web app. And not one optimized for mobile, either: that looks like the desktop web app. And thanks, @microsoft !

marioguzman, to macos
@marioguzman@mastodon.social avatar

The Settings window Apple should have made for FaceTime but instead they be playin’…

(Go look at FaceTime Settings on macOS 🤢)

image/png
image/png
image/png

aeveltstra, to accessibility
@aeveltstra@mastodon.social avatar

I give you 's failure to render visual color themes in its settings window, on . And thanks, @microsoft.

High-contrast visual themes are supported by the operating system and distributed with it, by default. Users can turn them on and off at need. Microsoft's own software should comply.

minybolito, to UIDesign
@minybolito@peculiar.florist avatar

CozyFish UI - Gitlab → voici la page Gitlab de mes fichiers custom CSS et thèmes pour Firefish ​:chick_aww:​

Les 2 ont été créés pour aller ensemble mais le custom CSS fonctionne normalement très bien avec les autres thèmes par défaut de Firefish (j'utilise les variables de couleurs dans le css)

Vous pouvez me conseiller, me réprimander parceque j'ai mal fait la page gitlab, contribuer (en rendant le code plus propre ou en ajoutant des fonctionnalités), ou partager si le projet vous plaiiit ​:boost_requested:​

screenshot de ma tl Firefish, avec mon thème CozyFish, aux couleur chaudes et mon custom CSS, en dark mode
screenshot d'une publication-réponse, boosté par quelqu'un. Il y a un effet 3D pour montrer que la publication a été boosté
Screenshot des designs des hashtags et liens de mon custom CSS. le fond est de la même couleur que le texte, avec une opacité plus faible et les bords arrondis

wscourge, to CSS

For the sake of browsers default scroll overflow, pay attention to your website's <html /> and <body /> elements backgrounds.

It should be the same colour as the Navbar and the Footer elements, otherwise it looks just bad.

Details matter in .

video/mp4

  • All
  • Subscribed
  • Moderated
  • Favorites
  • megavids
  • cubers
  • magazineikmin
  • GTA5RPClips
  • khanakhh
  • InstantRegret
  • Youngstown
  • mdbf
  • slotface
  • thenastyranch
  • everett
  • osvaldo12
  • kavyap
  • rosin
  • anitta
  • DreamBathrooms
  • Durango
  • modclub
  • ngwrru68w68
  • vwfavf
  • ethstaker
  • tester
  • cisconetworking
  • tacticalgear
  • Leos
  • provamag3
  • normalnudes
  • JUstTest
  • All magazines