html5 + css3 Infos + Workshops

**Ria** · 13.08.2011, 20:23

Hallo Contaoianer,

hiermal eine Sammlung zu Informationen(Workshops) html5 und css3:

Der Status „Last Call“ bedeutet aber auch, dass HTML5 faktisch bereits einen fertigen Zustand angenommen hat, welcher mit einem Release Candidate vergleichbar ist. In den meisten Browsern ist HTML5 bereits (wenn auch unvollständig) implementiert. Sofern alle gängigen Browser die entsprechenden Funktionen unterstützen, können Webentwickler Teile von HTML5 also bereits heute (gegebenenfalls mit einem Fallback) einsetzen. Diese Empfehlung spricht auch das W3C aus.(aus:http://de.wikipedia.org/wiki/HTML5)

Das Besondere an dem in HTML5 enthaltenen Parser ist, dass er nicht nur das erlaubte Vokabular versteht, sondern auch alle anderen Elemente, die in früheren Versionen vorhanden waren oder nur als proprietäre Elemente existierten. Durch diese genaue Definition will HTML5 sicherstellen, dass der Parser zu den im Web vorhandenen Dokumenten rückwärtskompatibel ist.
################################################## ###############################
Hiermit kann man (seinen) Browser testen, inwieweit er html5 versteht, sehr praktisch:

http://html5test.com/

Bei den mobilen Browsern hat Android die Nase vorn und kommt in den Versionen 2.0 und 2.1 auf 118 Punkte. Dahinter folgt iPhone OS 3.1 mit 113 Punkten. WebOS 1.4 erreicht 107 Punkte im HTML5-Test.
################################################
Ein paar Links:

deutsch:
http://www.html5-portal.de/
http://x-html5.de/

blogs:
http://molily.de/weblog/html5-specs
http://www.webkrauts.de/category/html5-einfuehrung/

english:
http://html5.org/

simpatisches deutschsprachiges Forum findet hier:
http://xhtmlforum.de/
################################

Das habe ich noch nicht getestet html5 Editor von IBM nach maqetta übergeben:

http://maqetta.org/
################################################## #####################################
Hier eine große(69Videos) Video Reihe auf deutsch:

http://www.youtube.com/view_play_lis...otation_138784

und vom gleichen Autor auf deutsch die Website: http://css3-html5.de/
################################################## #####################################
Und hier ein Workshop vom gleichen Autor: http://css3-html5.de/html5-workshop-tutorial/

In diesen Videos wird eine Seite erstellt, die vollständig in HTML5 geschrieben ist, zum stylen auf sehr viele CSS3-Eigenschaften, -Funktionen und -Regeln zurückgreift und JavaScript-seitig verschiedene HTML5 APIs nutzt.
Der Workshop ist ursprünglich für ein Code Camp an der Uni entstanden. Die Seite, die im Workshop erstellt wird kann unter tutorial.css3-html5.de aufgerufen werden. Das zip-Paket mit allen nötigen Dateien kann hier heruntergeladen werden. Der Workshop ist insgesamt rund sechs Stunden lang.
################################################## ####################################
Ich hoffe ich konnte hiermit dem einen oder anderen einen Gefallen tun, besonders positiv ist mir aufgefallen, auch mal was gutes auf deutsch.

Vorausgesetzt man hat sich mal gründlich informiert, wie ist dann hier die Einstellung zu html5?

Gruss Ria

**SFuchs** · 13.08.2011, 23:43

Auch noch ein paar Links zum Thema

http://slides.html5rocks.com/#landing-slide

http://www.html5rocks.com/en/

http://css3generator.com/

Und wer noch eine Stufe weiter gehen will benutzt SASS in Kombination mit Compass und wird bei CSS schreiben Effizient

http://sass-lang.com/

http://compass-style.org/

Letztere Zwei sind CSS Metasprachen, mit deren Hilfe der Aufwand gerade bei CSS geschichten deutlich Reduziert wird. Man spart sich die Unmengen an Vendor Prefixes für CSS3, was die Pflege erleichtert. Wer noch mehr wissen will auf meiner Seite gibts dazu einige Infos ansonsten Fragen