Interessante Navigation
bearbeitet von
@@Meowsalot
> ich habe eine Frage, wie kann ich so eine Navigation umsetzten?
> [https://www.noerdisch.de/](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>`{:.language-html.bad} kann ja gar nicht funktionieren. Ein `a` ohne `href`-Attribut ist kein interaktives Element. Das muss ein `button` sein.
> Wie würdet ihr diese Navigation umsetzten?
[Mein Ansatz](https://codepen.io/gunnarbittersmann/pen/jYaRJM) 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](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Inhalte_zentrieren) ist keine Rakentenwissenschaft.
LLAP 🖖
--
*„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“* —Kurt Weidemann
Interessante Navigation
bearbeitet von
@@Meowsalot
> ich habe eine Frage, wie kann ich so eine Navigation umsetzten?
> [https://www.noerdisch.de/](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>`{:.language-html.bad} kann ja gar nicht funktionieren. Ein `a` ohne `href`-Attribut ist kein interaktives Element. Das muss ein `button` sein.
> Wie würdet ihr diese Navigation umsetzten?
[Mein Ansatz](https://codepen.io/gunnarbittersmann/pen/jYaRJM) wäre dieser.
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](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Inhalte_zentrieren) ist keine Rakentenwissenschaft.
LLAP 🖖
--
*„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“* —Kurt Weidemann