Einführung in HTML5 (4): WordPress-Themes

Einführung in HTML5In dieser Artikelserie möchte ich Euch einen Überblick über die Funktionsweise von HTML5 geben. In der ersten Folge habe ich erklärt, worum es bei HTML5 grundsätzlich geht. In der zweiten Folge habe ich den Aufbau eines Blog-Artikels betrachtet und in der dritten Folge war die Unterstützung der Browser das Thema. Zum Abschluss stelle ich einige Themes vor, die HTML5 nutzen.

A. Fertige HTML5 Themes

Mit diesen Themes kann man gleich loslegen. Sie sind relativ neu auf dem Markt und „können“ alle HTML5. Weiterlesen Einführung in HTML5 (4): WordPress-Themes

Einführung in HTML5 (3): Die Browser

Einführung in HTML5In dieser Artikelserie möchte ich Euch einen Überblick über die Funktionsweise von HTML5 geben. In der ersten Folge habe ich erklärt, worum es bei HTML5 grundsätzlich geht. In der zweiten Folge habe ich den Aufbau eines Blog-Artikels betrachtet und in der dritten Folge geht es darum, wie die Browser mit HTML5 umgehen.

Die gute Nachricht: Alle modernen Browser unterstützen das Format. Firefox, Opera, Safari und Chrome sind mit im Boot. Eine Ausnahme macht der Internet-Explorer. Bis inklusive der Version 8 ist der Internet Explorer aussen vor, mit der Version 9 wird es ein bisschen besser, aber noch nicht perfekt.

Aber es gibt Workarounds über Javascript, mit denen man den Internet Explorer dazu bringen kann, HTML5 zu verstehen.
Weiterlesen Einführung in HTML5 (3): Die Browser

Usability-Probleme im TYPO3 Backend

In diesem Artikel möchte ich mir anschauen, an welchen Stellen die Benutzer-Oberfläche im Redaktionssystem TYPO3 es seinen Nutzern schwer macht, sich zurechtzufinden. Und was man tun könnte, um diese Probleme zu lösen.
Dabei habe ich die technisch eher unerfahrenen End-Anwender im Sinn, also Redakteure, die Inhalte einstellen und pflegen.

1. Information Overload

Müssen sich viele Elemente einen relativ engen Raum teilen, dann erzeugt das Verwirrung. Für eine Nutzeroberfläche bedeutet das, sie wird unübersichtlich.
Die Folge: Der Anwender findet erstens nicht, was er sucht und zweitens: er macht Fehler. Weil ihm die Orientierung schwer fällt, klickt er früher oder später auf gut Glück irgendetwas an. Weiterlesen Usability-Probleme im TYPO3 Backend

Einführung in HTML5 (2) – Aufbau Blogpost

Einführung in HTML5In dieser Artikelserie möchte ich Euch einen Überblick über die Funktionsweise von HTML5 geben. In der ersten Folge habe ich erklärt, worum es bei HTML5 grundsätzlich geht. In der zweiten Folge schaue ich mir den Aufbau eines Blog-Artikels (Blogpost) an.

HTML5 bringt eine Reihe von neuen Elementen mit. Eine Navigations-Leiste wird beispielsweise nicht mehr von einem <div> umschlossen, sondern sie bekommt ihr eigenes Tag: <nav>. Dasselbe gilt für den Header einer Seite und für eine Reihe von anderen Bereichen.

Der Aufbau eines Blog-Artikels

Diese Abschnitte in einem Blog-Artikel werden mit neuen Tags strukturiert:

  • Die Überschrift
  • Das Erscheinungs-Datum
  • Den eigentlichen Artikeltext
  • Anmerkungen, Verweise, Metaangaben

Weiterlesen Einführung in HTML5 (2) – Aufbau Blogpost

Einführung in HTML5 (1): Seitenlayout

Einführung in HTML5In dieser Artikelserie möchte ich Euch einen Überblick über die Funktionsweise von HTML5 geben. In der ersten Folge erkläre ich, worum es bei HTML5 grundsätzlich geht und wie man damit ein Seitenlayout klarer als bisher gliedern kann.

Wozu eine neue HTML-Version?

Eigentlich kommen wir mit HTML4 ja ganz gut zurecht, wieso also schon wieder etwas Neues?

HTML5 wurde aus der Praxis heraus entwickelt und orientiert sich daran, wie Webseiten tatsächlich funktionieren bzw. wie sie genutzt werden. Die neuen Funktionen sollen „echte“ Probleme lösen, und alle, die mit dem Web als Werkzeug arbeiten, in ihrer Arbeit unterstützen. Die „reine Lehre“ steht ganz bewusst nicht im Mittelpunkt. Auch wollen die Entwickler von HTML5 das Rad nicht neu erfinden. Was gut funktioniert, bleibt erhalten. HTML5 ist deshalb auch kompatibel mit älteren HTML-Versionen.

Am bekanntesten sind wahrscheinlich die Tags, mit denen man Audio- und Video-Dateien einbetten kann. Mit dem HTML5-Element <video> kann man einen Film so in die Website einbauen, dass die Besucher kein PlugIn mehr brauchen, um das Video anzuschauen. Ich freue mich jedenfalls über jedes in HTML5 eingebettete Video, das ich mit meinem iPad anschauen kann.

Aber HTML5 kann noch viel mehr als Videos abspielen. Weiterlesen Einführung in HTML5 (1): Seitenlayout