Unterteilt ist das DVD-Training in 9 Kapitel und richtet sich an den Semi-Webdesigner mit Vorkenntnissen. Denn trotz des einführenden Kapitels : ” Photoshop richtig vorbereiten” werden Kenntnisse im Umgang mit Photoshop vorausgesetzt und auf das Erklären von Grundfunktionen und Tastenkürzel in Photoshop verzichtet.

In Kapitel 2 und Kapitel 3 geht der Autor Jonas Hellwig nicht wie von mir erwartet auf die Grundlagen von CSS und HTML5 ein, sondern widmet sich den Themen Grundlagen, konzipieren und planen von Webseiten. An vielen Beispielen aus dem Webs wird auf das gestalterische Design anderer Websites eingegangen und Tipps zur Form und Farbgestaltung gegeben. Kapitel 4 behandelt die Theorie des Weblayouts und dessen Umsetzung,

Erst ab Kapitel 5 beginnt der praktische Teil. In vier Kapiteln werden Muster, Strukturen, Hintergründe, Webtexte, Icon´s und Symbole Schritt für Schritt entwickelt und gestaltet. Detailiert werden Verläufe, Schatten, Farben usw. in Photoshop angewendet und dem Teilnehmer wird einen schnellen Überblick vermittelt was alles machbar ist.

In Kapitel 9 bis 11 werden Kenntnisse darüber vermittelt wie Bilder und Grafiken webgerecht aufgereitet und ausgegeben werden. Auch ein paar CSS Tricks werden vermittelt und endet wie viele Video Tutorials ohne Abschluß.

Fazit: Interessant und informativ. Auch wenn mir die Kapitel 2 bis 4 nichts gebracht haben, ist Jonas Hellweg ein tolles Video-Training gelungen.

Ein Blick in die Vorschau des Buches hat mich neugierig gemacht und so habe ich mir das Buch erworben. Das über 400Seiten starke Werk kostet 16£ als .PDF und 32£ in Papierform und ist u.a. über die  Website des Autors zu beziehen. Inhaltlich und vom Unterhaltungswert ist das Buch absolut zu empfehlen auch wenn mir persönlich aufgrund minderer Englischkenntnisse hin und wieder mal eine Vokabel gefehlt hat.

Nun aber zu den Einzelheiten:

Die Einleitung besteht wie üblich in Fachbüchern aus vielen Worten um den Autor, die Helfer und die Browser. Inhaltlich nicht interessant aber mir ca.20 Seiten noch im Rahmen des Erträglichen.

Danach folgen die eigentlichen vier Hauptkapitel des Buches:

1. Getting Hardboiled

2. Hardboiled HTML

3. Hardboiled CSS3

4. More Hardboiled CSS3

Der Autor vertritt im ersten Kapitel seinen Standpunkt, dass der Browser uns nicht aufhalten darf Neuerungen des Webdesign’s einzusetzen. Webseiten sollen für fähige, moderne Browser programmiert werden und dann Fallback’s für unfähige, alte Browser eingebaut werden. Die Zeiten, dass eine Website auf allen Browsern gleich aussehen soll, sollte seit der Verbreitung von Mobilen Endgeräten sowieso tabu sein.

Im zweiten Kapitel werden die neuen Tags und Elemente von HTML5 vorgestellt und kurz erklärt. Der Leser erhält schnelle und präzise Informationen über die Änderungen und Neuerungen, die sich seit HTML4 bzw. XHTML ergeben haben.

Nun erfolgt eine umfassende Einführung von CSS3. Angefangen von Webfonts, RGBa, Transparenzen, Rahmen, Hintergründe und Verläufe in Kapitel 3 bis hin zu Animationen mit Transform, Transition, Keyframe Animationen und letztlich MediaQueries in Kapitel 4 bleibt dem Leser nichts vorenthalten was man heute schon mit CSS3 umsetzen kann und auch soll. Für ältere Browser die CSS3 nicht oder nur teilweise unterstützen werden Fallbacks mit Unterstützung von Javascript und Modernizr ausführlich beschrieben und angewendet.

Besonders nennenswert sind die vielen Praxisbeispiele, die mit Quellcode und Links hinterlegt sind und so zum Testen und Nachvollziehen der beschriebenen Projektteile einladen. Auch begleitet das “Hardboiled”-Projektbeispiel den Leser durch das ganze Buch und sorgt für das schnelle Verständnis des vorher Gelesenen.

Die vielen, aber kurzgehaltenen Abschweifungen von Andy Clarke in die Welt des Films sind außerordentlich unterhaltsam und machen das Lesen sehr kurzweilig!

Fazit: eines der besten Bücher über HTML5 und CSS3 die ich gelesen habe – LESETIPP

Problem bei der großen Auswahl von Fonts auf Googlewebfonts, ist es vollständige Schriften zu finden, d.h. Schriftarten die sowohl in standard, fett, kursiv usw. zur Verfügung stehen.

…because web designers want font families, not just fonts

…listet Better Google Web Fonts mottogetreu Schriftfamilien auf welche für die verschiedenen Schriftarten bold, kursiv usw. ein Schrifttyp bereitstellen  und stellt somit sicher, dass die Schriften in modernen Browsern annehmbar aussehen.

Fazit: Ein erster Schrift um der Masse von Schriften in GoogleWebFonts unter Kontrolle zu bringen!

Welche CSS3-Elemente und Selektoren werden supportet? Welche HTML5 Elemente werden unterstützt? Wird HTML5 Forms 2.0 unterstützt? Sogar der Support von Scripten wird überprüft und übersichtlich dargestellt. Für Webentwickler ist diese Seite unverzichtbar um schnell eine Übersicht über die Fähigkeiten bzw. die Unfähigkeiten des verwendeten Browsers zu erhalten. Achja, die IP wird natürlich auch angezeigt!

Das Onlinetool erfüllt für mich vom Design bis zu den einzelnen Funktionen alles, was man für einen kleine Code-Test zwischendurch braucht. Der Code wird getrennt in html5, javascript und CSS3 eingegeben und kann dann sofort im gleichen Bildschirm getestet werden. Speichern, Laden und Sharen ist möglich. Außerdem kann man jquery einbinden und sogar bestimmt Versionen auswählen. Wer sich die Web-Adresse nicht merken will kann das Ganze auch als Chrome App in den Browser installieren.

Fazit: unkompliziert und immer verfügbar!