HTML5Rocks – HTML5 und CSS3 von Google

Mit HTML5Rocks beglückt uns Google mit einer Art eierlegenden Wollmilchsau für HTML5 & CSS3, der man eine Rosa-Google-Brille angezogen hat. Die Seite soll als zentraler Anlaufpunkt für die Entwicklung von HTML5 und CSS3 aufgebaut werden, und deckt entsprechend ein besonders breites Spektrum ab.

HTML5Rocks

Google Chrome kommt bei dem Ganzen natürlich auch nicht zu kurz, und wenn man darüber hinwegschaut, das ab und ein rein zufällig in die Seite ein Kommentar in der Art von „Chrome ist das beste, schönste und schnellste“ eingeflossen ist, hat man eine prima Ressource vor sich.

Die Seite ist aufgeteilt in 4 Hauptbereiche:

Die HTML5-Präsentation:
Eine in HTML5 geschriebene Präsentation darüber, was HTML5 eigentlich ist und macht. Die kleine Präsentation ist sehr nett gemacht und möchte (nervigerweise) sich selbst für den Offline-Modus auf der Festplatte speichern. Bei Offlinemodus muss man schon erst einmal nachdenken! Ja, das geht! Man kann auch offline sein! ;)

Der Code Playground
Beim Playground handelt es sich um eine Art Online-Editor für HTML5, in dem man direkt Code Snippets ausprobieren kann. Das Ergebnis der Eingabe wird in einem Fenster direkt unter dem Editor angezeigt. Sinnvoll, wenn man mal eben schnell etwas ausprobieren möchte.

Samples Studio
Ein paar Beispiele von Google, wie man HTML5 / CSS3 einsetzen könnte, mit dem Hinweis, dass man alle Lösungen auf der eigenen Homepage frei verwenden darf. Bahnbrechende Neuentdeckungen sind nicht dabei, aber immerhin mal ein zentraler Ort, an dem alles zusammen getragen worden ist.

Step by Step Tutorials
Hier findet man genau das: Tutorials. Auch ziemlich flach und leicht verständlich gehalten kommt zwar nichts was man nicht schon kennen würde, dieses aber dafür sehr ausführlich und verständlich. Hier hat sich auch das eine oder andere Tutorial für Chrome direkt reingeschlichen. Manche Tutorials (zum Beispiel über das Auditing von Webpages) setzen Chrome voraus und alles in allem muss man sagen, das man bei den Tutorials ohne Chrome nicht weit kommt.

Ähnliche Beiträge

Interaktive Landkarte mit HTML5 Woran es derzeit bei HTML5 mangelt sind coole Seiten, die wirklich bis ins letzte alle Möglichkeiten ausreizen. Wenn es eine solche Seite gibt, ist di...
Autocomplete bei Input-Feldern abschalten Das am meisten ignorierte Attribut im Web-Umfeld lautet wohl autocomplete.  Dabei ist der kleine Helfer äußerst sinnvoll, suggeriert es doch dem DAU, ...
30 Pixel Art Tutorials inkl. Isometrie Nachdem ich ja gestern bereits über die Animation von Charakteren geblogt habe, kommt man nun sehr schnell in den Zustand in dem man auch komplette We...
Linkcheck mit CSS3 Bei der HTML-Umsetzung eines Designs werden in der Regel alle Links entweder gar nicht, oder mit einem # versehen. Dies liegt in der Regel daran, das ...

Schreibe einen Kommentar