Pure CSS Off-Canvas Navigation

Mit Hilfe des CSS3 Selektor :target lässt sich eine Off-Canvas Navigation mit reinem CSS, komplett ohne Javascript realisieren. Einziges Manko: Funktional wird es zwar ab dem Internet Explorer 9, die Animationen jedoch erst ab Internet Explorer 10 unterstützt.

Beschreibung

Im Grundzustand wird die Navigation mit dem negativen Wert der eigenen Breite aus dem Sichtbereich des Browsers geschoben.

jQuery Plugin: Automatische Anchor Navigation

Sprungmarken helfen große Seiten besser zu navigieren. Dies ist zum Beispiel der Fall bei FAQ-Seiten. Niklas und ich haben ein jQuery Plugin geschrieben, was die entsprechende Navigation automatisch generiert. Das Plugin ist Modular aufgebaut und kann schnell um eigene Aktionen erweitert werden. Durch dynamische Generierung muss nicht aufwendig eine separate Navigation gepflegt werden. Als zusätzliches "Eyecandy" ist ein weiches "Scrollen" eingebaut.

Drupal Menüs um verschiedene Attribute erweitern, wie beispielsweise IDs, Klassen und Accesskeys

Möchte man in Drupal einem Link ein spezielles Attribut anhängen, ist das Modul "Menu attributes" sehr hilfreich. Mit diesem Modul können verschiedene Attribute einem Link zugewiesen werden, was oft bei einer spezifischen Gestaltung oder auch bei dem Ansprechen durch jQuery und co benötigt wird. Dabei werden die folgenden Attribute unterstützt: