Gunnar Bittersmann: Interessante Navigation

Beitrag lesen

@@Meowsalot

ich habe eine Frage, wie kann ich so eine Navigation umsetzten?
https://www.noerdisch.de/

Finde diese Art der Navigation sehr interessant.

Ich finde die Navigation … gar nicht (mit Tastatur).

<a class="nav-opener push-right" data-noerdisch-show="overlay-menu">Menü</a> kann ja gar nicht funktionieren. Ein a ohne href-Attribut ist kein interaktives Element – unbedienbar. Das muss ein button sein.

Wie würdet ihr diese Navigation umsetzten?

Mein Ansatz wäre dieser. (Viewport schmal machen)

Die Navigation hinter einem Button zu verstecken (wobei man zugute halten muss, dass er hier mit „Menü“ beschriftet ist – wenn’s denn bloß ein Button wäre) ist schon auf kleinen Viewports (Smartphones) eine fragwürdige Idee. Auf großen Viewports (Desktop) ist es Unsinn.

Außerdem finde ich es toll dass die Punkte auf der Beispielseite immer Mittig vom Bildschirm ist.

Inhalte zentrieren ist keine Rakentenwissenschaft.

LLAP 🖖

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann
0 56

Interessante Navigation

Meowsalot
  • css
  • html
  1. 0
    Gunnar Bittersmann
    1. 2
      MudGuard
      • menschelei
      1. 0
        Gunnar Bittersmann
  2. 0
    Matthias Apsel
    1. 1
      Henry
    2. 0
      Meowsalot
    3. 2
      marctrix
  3. 1
    pl
    1. 0
      marctrix
      1. 0
        pl
        1. 0
          beatovich
        2. 2
          Gunnar Bittersmann
          • design
          • navigation & menu
          • ux
          1. 0
            Matthias Apsel
            1. 0
              Gunnar Bittersmann
              1. 1
                Lars
                1. 0
                  marctrix
            2. 0
              beatovich
            3. 0
              marctrix
          2. 0

            Breadcrumb Navigation

            pl
            1. 0
              Gunnar Bittersmann
              1. 0
                pl
                1. 1
                  beatovich
                  1. 0
                    pl
                    1. 1
                      Gunnar Bittersmann
                      1. 0
                        pl
                    2. 0
                      beatovich
                      1. 0
                        pl
                    3. 0
                      Tabellenkalk
                      1. 0
                        pl
                2. 0
                  Matthias Apsel
                  1. 0
                    pl
            2. 0
              marctrix
      2. 0
        Gunnar Bittersmann
        • zu diesem forum
        1. 0
          Tabellenkalk
          1. 0
            Matthias Apsel
            1. 0
              Tabellenkalk
          2. 0
            Gunnar Bittersmann
            1. 0
              Auge
              1. 0
                Lars
                1. 0
                  Matthias Apsel
                  1. 1
                    Lars
                    1. 2
                      Matthias Apsel
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Matthias Apsel
                          1. 0
                            Gunnar Bittersmann
                            1. 2
                              Christian Kruse
                              1. 0
                                Gunnar Bittersmann
                                1. 0
                                  Matthias Apsel
                                  1. 0
                                    Gunnar Bittersmann
                                    1. 1
                                      Matthias Apsel
    2. 0
      beatovich
      1. 0
        pl
        1. 0
          beatovich
      2. 0
        Tabellenkalk
        1. 0
          beatovich