Sara Soueidan befasst sich mit dieser HTML/UX-Situation. „Ja“ oder „Nein“ ist eine boolesche Situation. Ein Kontrollkästchen repräsentiert dies: Es ist entweder an oder aus (äh, meistens). Aber ist ein Kontrollkästchen immer die beste UX? Das hängt natürlich davon ab
…Verwende Radio
Einige HTML-Elemente werden mit voreingestellten Designs geliefert, wie z. B. die unpraktisch kleinen Quadrate von <input type="checkbox">-Elementen, die begrenzten Farbbalken von <meter>-Elementen und die Pfeile von <details>-Elementen, bei denen „etwas daran stört mich“. Wir können sie stylen, um zu passen …
Ein sehr verdaulicher Leitfaden von Geri Reid zum Erstellen von Formularen. Nicht der Code, sondern die Design- und UX-Prinzipien, die den Code leiten sollten.
…Die Arbeit an einem Designsystem für eine Bank hat [mich] viel über Formulare gelehrt. Ich habe
Hier ist der Plan! Wir werden ein gestyltes Select-Element erstellen. Nicht nur das Äußere, sondern auch das Innere. Totale Styling-Kontrolle. Außerdem werden wir es barrierefrei gestalten. Wir werden nicht versuchen, alles zu replizieren, was die ...
Es ist interessant, wie Drittanbieter manchmal sehr stark daran beteiligt sind, Browser-Dinge voranzutreiben. Eine große Geschichte war, wie Bloomberg Igalia eingestellt hat, um CSS-Grid in den Browsern zu implementieren.
Hier ist eine weitere Geschichte, wie Bocoup das getan hat, diesmal für die …
Es besteht kein Zweifel daran, dass Webformulare eine wesentliche Rolle in unserer Website oder unseren Anwendungen spielen. Standardmäßig bieten sie eine nützliche Reihe von Elementen und Funktionen – von Legenden und Feldsets bis hin zu nativem Validierungs- und Zustandsmanagement –, aber …
Hier ist eine einfache, praktische Möglichkeit, die Leistung von Apps auf Mobilgeräten zu verbessern: Konfigurieren Sie HTML-Eingabefelder immer mit den richtigen Attributen `type`, `inputmode` und `autocomplete`. Obwohl diese drei Attribute oft isoliert diskutiert werden, machen sie die ...
Standardmäßig ändern sich <input>- und <textarea>-Elemente nicht entsprechend dem Inhalt, den sie enthalten. Tatsächlich gibt es keine einfache HTML- oder CSS-Möglichkeit, dies zu erreichen. Ziemlich witzig, da dies ein vernünftiger Anwendungsfall zu sein scheint. Aber …
Heutzutage ist es durchaus möglich, benutzerdefinierte Checkboxen, Radiobuttons und Kippschalter zu erstellen, während man semantisch und zugänglich bleibt. Wir brauchen nicht einmal eine einzige Zeile JavaScript oder zusätzliche HTML-Elemente! Es ist tatsächlich in letzter Zeit einfacher geworden als es …
