7 geniale HTML5-Helfer

An den genialen Möglichkeiten der modernen Websprache HTML5 kommt heute keiner mehr vorbei. Das «grosse Update» von HTML bringt zum Beispiel alles mit, was man für dynamische Seitenlayouts, für «responsive Webdesign», für reaktionsfreudige und interaktive Seitenelemente braucht. Klingt super, ist aber nicht ganz einfach. Auch HTML-Profis lernen nie aus. Abhilfe schaffen eine Menge Tutorials und Tools, die kostenlos im Web zu finden sind. Wir stellen Ihnen einige ausgewählte Anwendungsszenarien vor.

Kaum ein Anwender nimmt sich heute noch die Zeit, ausufernde Lerntutorials zu studieren. Zumindest nicht, solange es nur darum geht, die grundlegenden Neuerungen und Funktionen zu verstehen. Für genau diese Zielgruppe wurden die Infografiken erfunden - eine der besten zum Thema HTML5 trägt den griffigen Titel «WTF is HTML5?» Sie vermittelt auf einen Blick alles Wissenswerte. Wer das viel zitierte «Canvas»-Element nicht verstanden hat, bekommt es hier kurz und knackig serviert. Auch zeigt die Grafik, welche Browser in welchem Masse HTML5 unterstützen.

Ein paar gute HTML5-Demos lassen sich bei vielen Gelegenheiten brauchen: Entweder zum Brainstorming in der Konzeptionsphase, wenn es um die grundlegenden Features geht oder zur Präsentation auf Kundenterminen beziehungsweise im Kollegenkreis. Richtig überzeugen kann eine Demo nur in Aktion - Apple stellt einige beispielsweise im Safari Developer Center zur Verfügung. Hier lassen sich neue HTML5-Features wie Typografien, Bildergalerien, Videoeffekte und Fotoübergänge austesten. Noch einen Schritt weiter geht Microsofts Internet Explorer 10 Test Drive. Hier gibt es nicht nur Feature-Demos, sondern auch Spiele und Anwendungen wie ein Screenshot-Programm für Videos zu sehen - teils jedoch zugeschnitten auf die Spezialitäten des Internet Explorers.