Um eigene Audio-Dateien von Songs oder Podcasts auf einem WordPress-Blog veröffentlichen zu, benötigt man einen passenden Audio-Player. Mit Hilfe des HTML5-Tags <audio> ist es zwar heute schon möglich einen Browser-internen Player zu nutzen, doch leider wird diese Option derzeit noch nicht von allen Browsern unterstützt. Bis dahin kann man mit Hilfe von JavaScript eine Übergangslösung…
HTML5
14 Beiträge
-
-
WordPress Video-Tutorial Teil 2: Das Toolbox Blank-Theme
Im ersten Teil der WordPress Video-Tutorial Serie habe ich gezeigt, wie man WordPress lokal installiert. Im heutigen Tutorial erkläre ich, wie man sich das Blank-Theme „Toolbox“ installiert und für die Weiterarbeit an einem eigenen, individuellen WordPress-Theme einrichtet. Dabei bearbeite ich u.a. die functions.php Datei, um einen individuellen Hintergrund (custom background) und Artikelbilder (thumbnails) in meinem…
-
HTML5 Glossar
„HTML5 Doctor“ bietet ein übersichtliches Glossar der wichtigsten neuen und überarbeiteten HTML5-Tags. Du kannst eine eine kurze Beschreibung zum jeweiligen Tag nachlesen (in englisch), außerdem gibt es einen Link zur entsprechenden W3C-Seite und einen praktischen Beispiels-Codeschnipsel. Möchtest du mehr über ein HTML5-Element erfahren, gelangst du über den Link „Our Prognosis“ auf auf einen weiterführenden Artikel. Da die Beschreibungen leicht verständlich und nicht zu überladen sind, finde ich das HTML5-Glossar ein praktisches Nachschlagewerk, um mit den neuen HTML5-Elementen vertrauter zu werden.
-
HTML5 und Post Formats mit dem Toolbox WordPress-Theme
Auf der Suche nach einem praktischen WordPress HTML5 Blank-Theme, das auch die neuen Artikel-Formatvorlagen (Post Formats) unterstützt, habe ich mir das Theme Toolbox 1.1 einmal genauer angeschaut. Die Arbeit mit Toolbox hat mir sehr gut gefallen, und ich finde das Blank-Theme bietet eine praktische Grundlage, um ein eigenes WordPress-Theme mit HTML5 und dem neuen Post…
-
Tipps und Tricks zum CSS-Reset
Mit Hilfe eines CSS-Resets zu Beginn des Stylesheets kann man die unterschiedlichen Standard-Styles verschiedener Browser auf einen einheitlichen Werte zurücksetzen. Darüber, welche Reset-Vorlage man verwendet sollte, und ob CSS-Reset Styles überhaupt nötig sind, wird bereits seit langem in der Webentwickler-Szene diskutiert. Meiner Ansicht nach gibt es wie so oft keine allgemein gültige Lösung auf diese…
-
HTML5 und CSS3 mit Hilfe von Modernizr verwenden
Modernizr ist eine praktische Open Source JavaScript-Library, um schon heute HTML5 und CSS3 Elemente für Webseiten-Projekte nutzen zu können. Das Script funktioniert eigentlich recht einfach. Es stellt fest, welche HTML5 und CSS3-Funktionen der jeweils verwendete Browser unterstützt und welche nicht, und fügt dann automatisch entsprechende CSS-Klassen in den html-Tag der Webseite ein. Mit Hilfe dieser…
