Animierte Webseite html5
negroas
- design/layout
Hallo,
ich bin die Tage auf eine Webseite gestoßen:
http://www.tracychapman.com/
Die ist in Flash. Mir ist die Idee gekommen, was ähnliches in HTML5 umzusetzen.
D.h. die Besucher sollen die Seite selbst ausmalen können und die Seite muss animiert sein.
Hat jemand eine Idee wie ich das umsetzen kann?
Schönen Gruß,
negroas
Hat jemand eine Idee wie ich das umsetzen kann?
Indem du zu HTML5 auch Javascript einsetzt. Dann ist das gar kein Problem.
Hat jemand eine Idee wie ich das umsetzen kann?
Mit HTML5 und Javascript... oder versteh ich die Frage nicht?
Oder willst du wissen ob es dafür schon Bibliotheken gibt?
Gruß
schlafloser
T-Rex
@@negroas:
nuqneH
Die ist in Flash. Mir ist die Idee gekommen, was ähnliches in HTML5 umzusetzen.
Bitte nicht! Man kann sich dort einige Ideen abschauen, aber nicht so nachmachen!
Das Design der Seite tut alles, um vom Inhalt abzulenken. Also genau das Gegenteil dessen, was es tun sollte.
Der eigentliche Hauptinhalt ist in eine kleine Box eingepfercht, wobei manchmal nicht einmal vernünftig gescrollt werden kann.
Sieht für mich so aus, dass sich hier ein Designer ausgetobt hat, der vom Web nicht wirklich was versteht.
Qapla'
PS: Bitte nicht nur URIs angeben, sondern verlinken. Auch per Link-Button über dem Eingabefeld (JS vorausgesetzt).
Hallo Gunnar,
Das Design der Seite tut alles, um vom Inhalt abzulenken. Also genau das Gegenteil dessen, was es tun sollte.
das hängt davon ab, was Inhalt und was Design ist :)
@negroas Schau dir mal die Möglichkeiten an, die Canvas bietet.
Gruß, Jürgen
Hi,
@negroas Schau dir mal die Möglichkeiten an, die Canvas bietet.
Wenn’s analog zur genannten Seite sein soll – also im wesentlichen geometrisch beschreibbare Formen – würde ich vielleicht eher zu SVG raten.
Das Bestimmen, welche „Objekte” angeklickt werden und „ausmalen” dieser könnte damit mit weniger Aufwand realisierbar sein.
MfG ChrisB
Wenn’s analog zur genannten Seite sein soll – also im wesentlichen geometrisch beschreibbare Formen – würde ich vielleicht eher zu SVG raten.
Das Bestimmen, welche „Objekte” angeklickt werden und „ausmalen” dieser könnte damit mit weniger Aufwand realisierbar sein.
Dafür gibt es sogar ein feines Helferlein: http://raphaeljs.com/
Es hat sogar einen VML-Fallback für ältere Internet Explorer
Hi!
Das Bestimmen, welche „Objekte” angeklickt werden und „ausmalen” dieser könnte damit mit weniger Aufwand realisierbar sein.
Dafür gibt es sogar ein feines Helferlein: http://raphaeljs.com/
Es hat sogar einen VML-Fallback für ältere Internet Explorer
RaphaelJS ist ziemlich alt und hat in den letzten Jahren nicht mehr soviel Liebe erfahren – heutzutage ist der Fallback für ältere IEs zu ziemlich das einzige Argument für RaphaelJS.
Es gibt seit kurzem einem Nachfolger: http://snapsvg.io/
Eine weitere ausgereifte Bibliothek ist BonsaiJS: http://bonsaijs.org/
Mathias
RaphaelJS ist ziemlich alt und hat in den letzten Jahren nicht mehr soviel Liebe erfahren – heutzutage ist der Fallback für ältere IEs zu ziemlich das einzige Argument für RaphaelJS.
Es gibt seit kurzem einem Nachfolger: http://snapsvg.io/
Eine weitere ausgereifte Bibliothek ist BonsaiJS: http://bonsaijs.org/
Beide aber ohne VML-Fallback, wie ich sehe - leider wird uns der IE8 wohl noch ein Zeiterl erhalten bleiben - auch wenn er ab April 2014 offiziell zu Grabe getragen wird.
Hallo,
Das Design der Seite tut alles, um vom Inhalt abzulenken.
Der Inhalt ist die Promotion eines Musikalbums.
Das unterstützt das Design sehr effektiv.
Der eigentliche Hauptinhalt ist
… nicht das, was du denkst.
Mathias
Hi,
Das Design der Seite tut alles, um vom Inhalt abzulenken.
Der Inhalt ist die Promotion eines Musikalbums.
Pah, Album – das ist vermutlich schon zu viel für Gunnar.
Ich nehme an, er würde die reine Veröffentlichung von Lyrics und Tabs/Noten – natürlich semantisch ausgezeichnet – vorziehen …
SCNR ChrisB
Pah, Album – das ist vermutlich schon zu viel für Gunnar.
Ich nehme an, er würde die reine Veröffentlichung von Lyrics und Tabs/Noten – natürlich semantisch ausgezeichnet – vorziehen …
Blaupausen für die Gitarre inklusive - ein richtiges DIY-Album
@@suit:
nuqneH
Blaupausen für die Gitarre inklusive - ein richtiges DIY-Album
Daten für den 3D-Drucker sind die neue Blaupause.
Qapla'
Om nah hoo pez nyeetz, Gunnar Bittersmann!
Daten für den 3D-Drucker sind die neue Blaupause.
http://tu-dresden.de/die_tu_dresden/fakultaeten/fakultaet_maschinenwesen/news/news_2013/stradivari
Matthias