JavaScript hat viele Anwendungsbereiche: Elemente können animiert, Formulareingaben validiert, Seitenbereiche dynamisch ausgewechselt (AJAX) oder Listen sortiert werden. Im Gegensatz zu Flash ist JavaScript google-indizierbar. Erfahren Sie hier mehr über die technischen Möglichkeiten, die wir Ihnen mit JavaScript bieten.
Bei der Entwicklung von AJAX-Anwendungen finden oft Module von Drittanbietern Verwendung. Ob ein JavaScript Framework eingesetzt werden sollte, das AJAX anbietet, oder ob ein AJAX Toolkit geeigneter ist, muss von Fall zu Fall entschieden werden. Je mehr JavaScript Funktionen auf einer Webseite verwendet werden, desto sinnvoller ist der Einsatz eines JavaScript Frameworks.
pingping setzt sowohl JavaScript Frameworks ein, wie auch ein eigenes AJAX Toolkit.
Die Referenzen auf der Portfolio-Website von Steffen Friedrich sind übersichtlich mit Banner und Kurzinformationen dargestellt. Will ein Seitenbesucher mehr zu einem Projekt wissen, können mit einem Klick mehr Details angezeigt werden. Bei dem Ausklappen von zusätzlichen Projekt-Informationen handelt es sich um eine JavaScript-Lösung. Die Textinhalte sind vollständig google-indizierbar.
Weiter zur Seite MyHoPa
Der Werdegang von Steffen Friedrich ist auf der Portfolio-Website MyHoPa wie eine Art Baum dargestellt. Die jüngsten Ereignisse befinden sich jeweils oben in der Baumansicht. Zu den einzelnen Ereignissen werden in JavaScript-Tooltips weitere Informationen angezeigt.
Weiter zur Seite MyHoPa
Die Portfolio-Website ist für einen dynamischen Seitenbesuch mit vielen JavaScript-Funktionen gefüllt. Bei dem Menü auf der rechten Seite handelt es sich um eine JavaScript-Navigation sowie auch bei den Scroll-Effekten von einem Textblock zum nächsten. Die gesamte Website ist aber auch mit deaktiviertem JavaScript voll funktionstüchtig.
Weiter zur Seite MyHoPa
Auf der Seite Zur Person ist eine vertikale Fisheye-Bildergalerie mit JavaScript implementiert. Fisheye-Effekte lassen sich gut für Bilder, Icon-Paletten und sonstige Navigationen verwenden. Besonders effizient lassen sie sich einsetzen, wenn wenig Platz vorhanden ist und eine Alternative zu gängigen Navigationen gewünscht wird.
Weiter zur Seite MyHoPa
Die Fotogalerie auf der Portfolio-Website MyHoPa wurde mit JavaScript umgesetzt. Beim Hovern über die kleinen Bilder, wird ein etwas größeres Vorschaubild angezeigt. Nachdem ein Seitenbesucher auf ein Bild geklickt hat, öffnet sich eine einfache Lightbox mit einer Großansicht des Fotos.
Weiter zur Seite MyHoPa
Um ein minimalistisches Design für die Portfolio-Website umzusetzen, war es notwendig, eine zurückhaltende dynamische Navigation für die Referenzen des Kameramanns Stephan Heinz zu realisieren. Klickt ein Besucher auf den zurück- oder weiter-Button, erfolgt eine Animation und drei neue Filmstills werden angezeigt. Welche Serie von Stills gerade dargestellt wird, kann der Nutzer dem Zustand der Pagination entnehmen.
Weiter zur Seite constructv.com