1. Too small target areas
2. Not using gap with Flexbox
3. Unforgiving target areas for dropdowns
4. No delay before closing drodowns
5. Not animating anchor links

Based on Bootstrap.

I can see potential advantages to target all details content (except summary) as one container.

Browser support is not enough (~69% at the time of writing) and Firefox does not support it though: https://caniuse.com/?search=%3A%3Adetails-content

Let's see in months or 1-2 years!

Le problème de l’écran tactile, c’est que c’est l’écran qui est tactile, qui touche, qui sent notre doigt. Le doigt, quant à lui, sent juste qu’il a touché une surface, mais il ne sait pas s’il est au bon endroit.

Bad #UI
experience: I was trying to send a friend some money via #CashApp
, but could not verify my identity. Here’s what their tech support found out:

“...from the documentation you have provided, we see that you have a legal one letter name. While we understand that is the name chosen and legally granted, we regret to inform you that we cannot proceed with the request at this time.”

I sent a response thanking them for figuring out the problem, and I wouldn’t try to get verified -- or use CashApp -- again.

I also sent them the URL for “Falsehoods Programmers Believe about Names”

A collection of composable, unstyled UI primitives for building accessible web applications.

Breadcrumbs are no longer useful because websites are not rigit and hierarchical structures anymore. They focus on retrospective (where the user was) instead of the modern concept of user journey, which is increasingly about anticipation and contextual navigation.

On mobile-first design, breadcrumbs seems redundant.

The industry is moving toward adaptive design solutions:

• contextual, dynamic navigation
• search-centric interfaces
• ai-powered navigation systems (what is the solution then?)
• minimalist design with intuitive navigation

Become a better frontend developer.

Take your frontend skills to the next level by recreating real websites from real companies.

More than flat design, we can built richer interfaces.

Focus by demotion or the focus stands out because all other elements are hidden.

A switch input with an Astronaut

Crazy easter eggs everywhere

A modern marquee element

• das Projekt wird mit dem UI-Library auf Gedeih und Verderb ausgeliefert
• Wie gut passen sie zur eigenen Corporate Identity beziehungsweise zum eigenen Corporate Design?

wir eher davon abraten würden, eine solche Library einzusetzen, einfach um zu vermeiden, dass man sich in eine große Abhängigkeit begibt, sich den Weg in die Zukunft verbaut und sich die Möglichkeit für individuelle Anpassungen nimmt.

Aus eigener Erfahrung kann ich sagen, dass dies zum einen gar nicht so teuer ist, wie viele immer annehmen, und dass die größten Kosten in Bezug auf Mobile, Accessibility und so weiter nicht in der Implementierung, sondern in der Konzeption der Benutzerführung anfallen. Und diese Kosten entstehen ja ohnehin, ob nun mit oder ohne UI-Library.

Es ist oft gar nicht so sinnvoll, auf eine UI-Library zu setzen, sondern man sollte viel häufiger eigene UI-Komponenten entwickeln. Das ist sehr viel weniger aufwendig als oft angenommen. Und der Vorteil ist: Man hat die volle Kontrolle, bleibt flexibel, bleibt unabhängig und vermeidet langfristig zahlreiche Probleme.

UI-Libraries können gut passen, wenn sie 100% zu den Anforderungen passen.

A collection of shaders :)

Consitent and reliable UIs are good.