Pure HTML5 und CSS3

Die Attribute von HTML5-Elementen lassen sich schnell in einer Referenz nachschlagen. Für die Lösung von Praxisaufgaben ist dieser Weg aber oft nicht zielführend, denn die Kombination von HTML5 mit CSS3 und JavaScript erfordert mehr als eine Referenz. Ein allumfassendes Framework ist auch nicht zwingend die beste Lösung. Dieses Buch erklärt, worauf es beim Einsatz von HTML5 in der Praxis ankommt, und zeigt, welche Möglichkeiten der Standard bietet. Wann haben Sie zuletzt eine Webseite ohne zusätzliche Frameworks entwickelt? Standards im Einsatz: HTML5 und CSS3 HTML5 und CSS3 haben die Welt der Webentwicklung nicht neu erfunden, darum ist bisher Erlerntes auch weiter anwendbar. Trotzdem sind Neuerungen dabei, die eine nähere Betrachtung erfordern. Worauf auch erfahrene Entwickler achten sollten, zeigen zwei ausführliche Kapitel. Grafikdarstellung ohne Plug-ins: SVG und Canvas SVG ist schon länger das Mittel der Wahl, um aufwendige Diagramme in einer Webseite darzustellen. Der Nachteil war bisher, dass auch ein Plug-in installiert werden musste. Mit HTML5 wird SVG nativ unterstützt, damit steht einem großflächigen Einsatz nichts mehr im Weg. Mit Canvas steht ein weiterer Container für Grafikdarstellung bereit, er gilt als der neue Alleskönner und kann sogar mit JavaScript manipuliert werden. Wie das in der Praxis funktioniert, zeigen viele Codebeispiele. Dynamik im Alltag: JavaScript Mit HTML5 und CSS3 werden Struktur und Aussehen einer Seite definiert. Die Dynamik kommt immer noch durch JavaScript. Mit HTML5 stehen neue mächtige Funktionen zur Verfügung: Ob Dateispeicherung, Echtzeitkommunikation über WebSockets, Dateizugriff oder Manipulation des Browserverlaufs – alles wird anhand von nachvollziehbaren Quellcodes erläutert. Aus dem Inhalt: Semantische Struktur und Gruppierungen mit HTML5 Audio und Video Minimalistisches HTML5 Barrierefreiheit und Suchmaschinenoptimierung SVG und Canvas CSS3 Media Queries und responsives Layout Offlinefunktion und Datenspeicherung Echtzeit und Kommunikation Dateizugriff JavaScript für mobile Anwendungen HTML5 und ältere Browser Werkzeuge und andere Helfer