Direkt zum Inhalt springen
CSS-Tricks
  • Artikel
  • Notizen
  • Links
  • Anleitungen
  • Almanach
  • Zufall
Suche

Artikel mit Schlagwort
dropdown

6 Artikel
{
,

}
Direkter Link zum Artikel: Stop Using “Dropdown”
dropdown

Stop Using “Dropdown”

Adrian Roselli merkt an, dass es tatsächlich bedeuten könnte:

  • Ein <select>-Menü
  • Eine ARIA Listbox, Combobox, Menu oder Disclosure Widget
  • Eine Eingabe mit einem <datalist>
  • Eine Eingabe mit autocomplete
  • Ein <details><summary>-Block
  • Ein Akkordeon
  • Flyout-Navigation

In meiner eigenen Nutzung, ich …

Avatar of Chris Coyier
Chris Coyier am 16. März 2020
Direkter Link zum Artikel Menüs mit „dynamischen Trefferbereichen“
Dropdown Menü SVG

Menüs mit „dynamischen Trefferbereichen“

Flyout-Menüs! Sobald Sie **ein Menü implementieren müssen, das ein Hover-Ereignis verwendet, um weitere Menüpunkte anzuzeigen**, geraten Sie in kniffliges Terrain. Zum einen sollten sie auch mit Klicks und Taps funktionieren. Ohne das haben Sie …

Avatar of Chris Coyier
Chris Coyier am 3. Jul 2019
Direkter Link zum Artikel: Container-Adapting Tabs With “More” Button
dropdown navigation priority+

Container-Adapting Tabs With “More” Button

Oder das Prioritätsnavigationsmuster, oder ein progressiv kollabierendes Navigationsmenü. Wir können es auf mindestens drei Arten benennen.

Es gibt mehrere UX-Lösungen für Tabs und Menüs, und jede von ihnen hat ihre eigenen Vorteile gegenüber einer anderen, Sie müssen nur …

Avatar of Osvaldas Valutis
Osvaldas Valutis am 2. Mai 2018
Direkter Link zum Artikel Solved with CSS! Dropdown Menus
accessibility dropdown navigation

Solved with CSS! Dropdown Menus

Ein gängiges UI-Muster, das wir im Web sehen, sind Dropdown-Menüs. Sie werden verwendet, um verwandte Informationen stückweise anzuzeigen, ohne den Benutzer mit Buttons, Text und Optionen zu überfordern. Wir sehen diese oft in Headern oder Navigationsbereichen von Websites.

Mal sehen, ob wir ein solches Menü nur mit CSS erstellen können.

Avatar of Una Kravets
Una Kravets am 13. Dez 2020
Direkter Link zum Artikel: A Priority+ Navigation With Scrolling and Dropdowns
dropdown navigation priority+ scrolling

A Priority+ Navigation With Scrolling and Dropdowns

Der folgende Beitrag ist ein Gastbeitrag von Micah Miller-Eshleman. Micah hat eine Variante des „Priority+ Navigation“-Konzepts entworfen und nutzt es in der Produktion an dem College, an dem er arbeitet. Ich liebe es immer, hinter die Kulissen des Denkens zu schauen…

Avatar of Micah Miller-Eshleman
Micah Miller-Eshleman am 7. Apr 2017
Direkter Link zum Artikel: Dropdown Menus with More Forgiving Mouse Movement Paths
dropdown

Dropdown Menus with More Forgiving Mouse Movement Paths

Dies ist ein ziemlich altes UX-Konzept, über das ich schon länger nichts mehr gehört habe, das aber im Fall von mehrstufigen Dropdown-Menüs immer noch relevant ist. Ein feinkörniger Zeiger wie eine Maus muss manchmal durch ziemlich enge …

Avatar of Chris Coyier
Chris Coyier am 9. Dez 2021

CSS-Tricks wird unterstützt von DigitalOcean.

Bleiben Sie auf dem Laufenden über Web-Entwicklung

mit unserem handverlesenen Newsletter

DigitalOcean
  • Über DO
  • Cloudways
  • Rechtliches
  • Holen Sie sich kostenloses Guthaben!
CSS-Tricks
  • Schreiben Sie für uns!
  • Werben Sie bei uns
  • Kontaktieren Sie uns
Soziales
  • RSS-Feeds
  • CodePen
  • Mastodon
  • X
Nach oben

© .