So baust du eine Scroll to fixed Navigation in Contao ein

Besonders wenn es auf Webseiten viele Inhalte zu veröffentlichen gibt, kann es sehr störend sein, wenn die Navigation beim Scrollen aus dem Viewport verschwindet. Eine Scroll-to-fixed Navigation, bei der die Haupt- oder sonstige Menüleiste am oberen Bildschirmrand stehen bleibt ist aus meiner Sicht daher sehr benutzerfreundlich und insbesondere bei langen Seiten zu empfehlen.

Scroll-to-fixed

Eine der absolut im Trend liegenden Features sind Naviagtionen, die bis zu einem bestimmten Punkt scrollen, dann jedoch am oberen Rand des Viewports stehenbleiben. Sehr nützlich, da die neuen Flat-Designs i.d.R. sehr viel größer sind als die Layouts vergangener Tage, insbesondere dann, wenn Riesenheadergrafiken eingesetzt werden. Mit ein paar Handgriffen lässt sich die Funktion in … Weiterlesen

Bildüberblendungen mit jQuery

Mit Bildüberblendungen lassen sich auf Webseiten schöne Hingucker-Effekte zaubern. Es muss aber nicht immer gleich eine ganze Slideshow sein, die als Erweiterung installiert wird. Wer nur den Bildeffekt braucht kann es mit ein bisschen jQuery probieren
www.simonbattersby.com
Thx to Simon Battersby

jquery + Contao (Typolight)

Ich hatte letztlich in meinem Blog gezeigt wie man jquery in Contao (typolight) einbindet. Von Haus aus ist Contao jedoch schon mit Mootools bestückt, so dass es zu Konflikten kommen kann, wenn man z.B. über eine eigene Seitenvorlage die mootools Bibliothek nicht abschalten kann, weil sie z.B. für ein anderes Feature auf der Seite genutzt … Weiterlesen

jquery – Skalierbare Hintergrundbilder

http://www.drweb.de/magazin/jquery-plugin-supersized-autoskalierender-backgro…Auf vielen Webseiten schon gesehen und bewundert: riesengroßen Hintergrundbilder.Im Beitrag von Dr. Web ein weiteres jQuery Plugin vorgestellt, mit welchem man solche Hintergrundbilder skalieren und sogar sliden lassen kann.

Linktipps zu jquery

jcarousel http://sorgalla.com/projects/jcarousel/
* Static Examples o Simple carousel o Vertical carousel o Carousel with autoscrolling o Carousel illustrating the callback functions o Carousel with external controls o Carousel with custom start position o Multiple carousels on one page * Dynamic Examples … Weiterlesen