webwärts.de
innovative webgestaltung

Willkommen bei webwärts.de

Als Webentwickler gilt mein Interesse im Speziellen der JavaScript-Zeichenfläche seit HTML5, der sich diese Seite im Wesentlichen widmet. So finden Sie einige Beispiele im folgenden Kapitel „Canvas“ sowie im Entwicklerbereich ein kleines Framework, das u.a. 3-D-Animationen mit Canvas ermöglicht.

Neue Rubrik "Entwickler"

Unter dieser Rubrik werde ich eigene Entwickler-Tools anbieten und in Tutorials vorstellen.
»Entwickler«

Canvas

Mit Canvas ist es seit HTML5 möglich, mit JavaScript Vektorgrafiken zu erzeugen und diese auch zu animieren. Das Design dieser Internetseite basiert beispielsweise vollständig auf dem Canvas-Element. Durch das dynamische Erzeugen von Grafikelementen bieten sich so ganz neue Gestaltungsmöglichkeiten für Internetseiten.

Ältere Versionen des Internet Explorers haben noch Probleme mit aufwendigeren Animationen, wie Sie unten verlinkt sind. Sollten Sie also den Internet Explorer 8 oder älter verwenden bedenken Sie, dass es zu kompatiblitätzproblemen kommen kann. Diese können auch zum Absturz des Browsers führen! Ich empfehle Ihnen daher, in diesem Fall einen anderen Browser zu verwenden!

Einige Beispiele für Animationen mit Canvas:

Tapetenwechsel

Mit JavaScript und Canvas ist es auch möglich, das Design völlig losgelöst vom Inhalt zu verändern. Wählen Sie einfach mit den Ziffern zwischen den Designs hin und her. Möchten Sie das Menü minimieren, so klicken Sie auf "»".

Navigation

Sie haben auf dieser Seite die Möglichkeit sowohl mit den Pfeiltasten "←" und "→", als auch mit Mausbewegungen zu navigieren. Für die Mausbewegungen drücken Sie die linke Maustaste, halten Sie diese gedrückt und ziehen Sie die Maus nach links oder rechts und lassen Sie die Maustaste wieder los.