JavaScript-Elemente sind der totale Trend im Webdesign. Und gekonnt eingesetzt kann man mit ihrer Hilfe Webseiten-Elemente praktisch und optisch ansprechend verpacken. Ich habe mich auf die Suche nach schlauen Lösungen mit JavaScript-Effekten gemacht. Schau dir meine Auswahl an, und lass dich inspirieren :-)
1. Vtravelled
Tooltips der neusten Twitter-Tipps.
Show/Hide on Klick-Effekt der Google Maps Ansicht.
Horizontaler Accordion-Slider der Features Artikel im Footer.
2. Sleepover
Animierte Sidebar-Navigation mit Smooth Scroll.
3. Casey Dunn Photography
Animierte Thumbnails bei Übersicht der Fotogalerie.
Slider bei Einzelansicht der Fotos.
4. Piipe
Fancybox zur Ansicht der Unterseiten und Slider mit Fade-Effekt zur Detail-Ansicht der einzelnen Arbeiten.
5. Delibar
Show/Hide on Klick Tab-Menü mit Suche, Lesezeichen, Neusten Artikeln etc.
Animierter Content-Slider mit Tab-Menü.
6. Paramore Redd
Featured Content Slider mit Navigation und animierten Projekt-Details.
Tab-Menü zum Sortieren der Projekte.
7. Fresh 01
Navigation mit Tooltips und Smooth Scroll.
Wechselnde divs je nach Scroll-Location.
8. Veerle’s Blog
Tab-Menü mit Icons in der Sidebar.
9. Creanto
Unterseiten sichtbar mit Show/Hide on Mouseover-Effekt.
10. Brizk Design
Projekt-Details als Accordion.
Slider für Budget-Option im Kontaktformular.
Twitter-Details mit Show/Hide on Mouseover-Effekt.
Wie gefallen dir diese JavaScript-Elemente? Nutzt du selbst gerne JavaScript oder kennst du weitere Webseiten, die JavaScript geschickt einsetzen? Ich freue mich sehr auf dein Feedback und deine Tipps!
Wow super danke!
Ich bin selber momentan dabei meine ziemlich veraltete graue Portfolio Seite komplett zu erneuern und wollte dabei gerne ein paar seriöse Javascript Features einbauen.
Ich denke die habe ich jetzt gefunden :P Besonders gefallen mir deshalb Delibar (mit dazugehöriger Firmen Website: http://www.shinyfrog.net/ ) und 6. Paramore Redd
LG Schorschi
@Schorschi: Vielen Dank für deinen Kommentar. Es freut mich, dass dir der Artikel gefällt :-)
Falls du noch nach weiterer JavaScript-Inspiration suchst, schau doch auch mal in meinen neuen Beitrag: »12 wunderschöne jQuery-Plugins, die du auf keinen Fall verpassen solltest« rein ;-)
Viele Grüße
Ellen
Ein paar schöne Ideen. Ich hab auch mal bei einer Seite beobachtet, wie zum Thema passende Posts als Slide-Out-Menü automatisch ausgeklappt wurden, wenn man den Footer erreicht hat.
Leider weiß ich nicht mehr wo..
Hallo Dominique,
vielen Dank für dein Feedback zum Artikel. Die von die beschriebene Slider-Variante hört sich auch super an, leider fällt mir so auch kein Plugin ein, welche dies lösen könnte. Wenn ich eines entdecke, werde ich es auf alle Fälle nachtragen :-)
Viele Grüße,
Ellen
nun habe ich diesen Slider wiedergefunden
http://tympanus.net/codrops/2010/11/01/pull-out-content-panel/
Das wurde mit jQuery gemacht. Auf der Seite gibt es haufenweise andere coole Sachen ;)