HTML5 und CSS3 sind die Bausteine des zukünftigen We
HTML5 und CSS3
Wie sieht die Welt des Web dann aus? Eingabeformulare werden mit neuen Elementen besser zugänglich gemacht. Ziel ist es, dass Elemente wie Textfelder, Listen oder Datums- und Zeiteingaben bestimmten Mindestanforderungen entsprechen. Der Entwickler kann beispielsweise ein Textfeld als “Email” bestimmen ("input type=email") und der Browser selbst sorgt dafür, dass nur gültiger Text eingegeben wird, in diesem Fall also “ Diese E-Mail-Adresse ist gegen Spambots geschützt! JavaScript muss aktiviert werden, damit sie angezeigt werden kann. ”. Das funktioniert mit anderen Eingabetypen wie Nummer, Telefonnummer oder Farbe genauso.
Lokale Daten können nun mit Browser-eigenen Mitteln verwaltet werden. Das geht weit über den Gebrauch von Cookies hinaus, vor allem was die Menge der Daten betrifft. Im Zusammenspiel mit der Direktive "cache Manifest" kann eine Webapplikation programmiert werden, die unabhängig von einer Internetverbindung zumindest teilweise funktioniert.
Html Tag "Canvas"
Der Tag "Canvas" ermöglicht das dynamische Erstellen einer Grafik im Browser. Dies ist weniger dafür gedacht, um Zeichenprogramme mit einfachen Mitteln zu definieren, sondern um die Menge an Daten, die vom Server an den Browser gesendet werden, zu verringern.
Die Schlagzeilen in den letzten Monaten hat HTML5 aber mit dem Tag “Video” gemacht. Dies soll ein für alle Mal den Weg für Browser-übergreifendes Abspielen von Videos ermöglichen. Hier sei aber ein Wort der Vorsicht gestattet: die Browserhersteller konnten sich bisher nicht nur nicht auf einen Standard für das Videoformat einigen, sondern sind weit von einer Einigung entfernt. Deswegen könnte passieren, dass der alte Flash-Standard für Videos in den meisten Browsern letztendlich parallel weiter besteht.
Während HTML5 das Erstellen und Benutzen einer Webapplikation erleichtert, verbessert CSS3 die Darstellung der Webseiten.
Mit “@font-face” können dynamisch Zeichensätze eingebunden werden. Vorbei sind die Zeiten der ausschließlichen Verwendung von “Arial” oder “Verdana”. Designer können nun typographisch korrekte Seiten erstellen oder auch den Benutzer das textliche Erscheinungsbild bestimmen lassen. Farbverläufe, Hintergrundbilder auf mehreren Ebenen, runde Ecken und Schlagschatten verbessern das Gesamtbild.
Css Animationen mittels Transformationen und Transitionen
Die größte Neuerung ist aber sicherlich die Einführung von Animationen mittels Transformationen und Transitionen. Drehungen, Spiegelungen und Bewegung über den Bildschirm bieten Möglichkeiten, die vor einiger Zeit nur Flash-Applikationen vorbehalten waren.
Viele Effekte sind bereits jetzt möglich. Der Vorteil wird aber sein, dass alles in allen weit verbreiteten Browsern ohne jede Installation zusätzlicher Programme oder Module auf gleiche Weise funktioniert.
Kommentare
Bei font-face bin ich mir aber nicht so sicher, ob das wirklich so gut (und vor allem sicher) ist... man wird sehen