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.
Online Portfolios können sehr unterschiedlich gestaltet werden: z.B. als Website mit PHP und JavaScript Galerie, als Flash-Animation, als Slideshow oder als PDF zum Download. Kostenlose Portfolio Vorlagen bietet z.B. das Flashforum.Für eine professionelle Präsentation der eigenen Arbeiten ist es aber ratsam, eine individuelle Vorlage zu entwickeln.
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
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
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 als Hintergrundbilder eingebetteten Schriften sind mit JavaScript animiert. Einzelne Buchstaben "fallen aus dem Rahmen" und blenden dann in den Hintergrund. Wenn der Nutzer über das Schriftbild hovert, geht die JavaScript-Animation zum Ursprungszustand zurück und startet dann wieder von Neuem.
Weiter zur Seite Matthias Hinz
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
pingping setzt TYPO3-Extensions wie JavaScript-Galerien, Newsletter-Registrierungen, Downloadbereiche, JavaScript-Animationen, Kalender oder Anmeldeformulare um. Gern beraten wir Sie wie Sie Ihre TYPO3-Website mit Hilfe von Plugins individuell gestalten können.