Autor: peter@peterkroener.de

nMich erreichen regelmäßig E-Mails, in denen gefragt wird, wie man denn am besten eine vorhandene Webseite auf HTML5 umstellt. Besonders oft geht um Fragen der Validierung und um die neuen semantischen Elemente (<section>, <article> und Konsorten). Schließlich sind diese doch nur so schlecht vom Internet Explorer unterstützt und stellen komische Sachen mit den Überschriften an,…

nDer @yannickoo fragte mich letzte Woche, wie man am besten zwei Browserfenster miteinander kommunizieren lassen kann und da die Antwort auf diese Frage etwas länger als 140 Zeichen ist, gibt es hiermit einen Blogpost zu dem Thema. Dank HTML5 existiert eine Reihe von Technologien, die es ermöglichen via Browser in Echtzeit Nachrichten zu versenden um…

MODx bezeichnet sich bekanntlich als Content Management Framework und kann daher von Haus aus erst mal (fast) gar nichts. Es bietet dem Entwickler nur Tools an, mit denen er selbst etwas bauen kann – zum Beispiel das vollwertige Blogsystem, das in Zukunft bei mir WordPress ablösen wird. In meinem Fall geht das sogar ganz ohne Extrawürste:…

Das Design nervt, alle Inhalte außer dem Blog passen nicht mehr, die Technik im Hintergrund fällt auseinander und generell ist man nur noch genervt: es wird Zeit die eigene Webseite zu überarbeiten. Genau das ist seit Monaten mein Nebenher-Projekt Nummer 1 und so langsam ist die Zielgerade in Sicht. Diese Überarbeitung enthält einen CMS-Wechsel – nach…

Twitter- und G+-Gefolge bat mich, ein paar Zeilen über zwei neue HTML5-Elemente zu verlieren; also frisch ans Werk! Die Elemente <details> (Specs) und <summary> (Specs) gehören zu den wenigen HTML5-Neuheiten, mit denen sich auch ganz ohne JavaScript etwas spürbar neues in den Browser bringen lässt. Die Spezifikationen lassen uns wissen: n The details element represents…

n nDieser Artikel ist Teil einer Serie:n n Ein Überblickn Der Strict Moden Property Descriptors, Getter- und Setter-Funktionenn Kleiner Helferlein für Objekten Kleiner Helferlein für Arraysn Function.prototype.bindn n n Das letzte wirklich wichtige Feature von ES5, das wir noch nicht behandelt haben, ist die bind()-Methode von Function.prototype. Diese nützliche Funktion ist noch nicht in vielen…

Da wir ja kürzlich im Zuge des in JavaScript geschriebenen MP3-Decoders die These „das muss doch auch mit Video gehen“ aufgestellt hatten, dachte ich, dass eine kleine Canvas-Video-Demo nebst Erklärungen angebracht wäre. Das was wir in diesem Artikel durchexerzieren ist nur das simpelste aller Beispiele, sollte aber für einen grundsätzlichen Überblick reichen; wir basteln uns…

Eins der schönsten Features von HTML5 könnten die Audio- und Videoelemente sein. Mit <audio> und <video> ist es kinderleicht Ton und Bewegtbild in Webseiten einzubetten und die sehr durchdachte API lädt zum Programmieren eigener Player-Interfaces geradezu ein. Leider gibt es das Codec-Problem: kein einziger Audio- oder Videocodec wird von allen Browsern unterstützt. Die beteiligten Parteien…

Wenn ich auf meinen HTML5-Seminaren die neuen Formularelemente vorstelle, währt die allgemeine Begeisterung in der Regel exakt so lange, bis einer fragt, wie man die tollen neuen Dinger denn gestalten könnte. Denn das ist praktisch nicht möglich. Nimmt man etwa einen Datumspicker, wie er uns in Opera dargestellt wird, und verpasst ihm via CSS einen…

n nDieser Artikel ist Teil einer Serie:n n Ein Überblickn Der Strict Moden Property Descriptors, Getter- und Setter-Funktionenn Kleiner Helferlein für Objekten Kleiner Helferlein für Arraysn Function.prototype.bindn n n Auf unserer Tour durch die neuen Features von ES5 wird es Zeit, den letzten großen Themenkomplex in Angriff zu nehmen: Arrays. Arrays in JavaScript sind seltsame…