Ein (Eingabe-) Feld, das beim Laden der Seite den Fokus erhält, wurde bisher über Javascript realisiert: window.onload = document.getElementById('elementId').focus(); HTML5 stellt jetzt autofocus als Attribut für input-Tags zur verfügung. So wird in HTML5 der Fokus auf ein Eingabefeld gesetzt: <input autofocus type="text" value="" /> oder <input autofocus="autofocus" type="text" value="" />

In jeder Webseite findet sich irgendwo im HTML-Code der eigentliche Content der Seite. Gerne verwendet wurde bspw. ein <div id=”wrapper”>, <div id=”main”>, oder im Falle einer ARIA Unterstützung ein Element mit dem Attribut role=”main”. In HTML5 wurde das div von einem <section id=”main”> abgelöst. Anders ausgedrückt: ein Anhaltspunkt, welcher durch eine spezielle Id oder Klasse gekennzeichnet ist. Mit dem <main>-Element ist dabei ein für alle Mal Schluss und genau diese Vereinheitlichung erläutert den Sinn des Elementes: Es gibt nichts was uns sagt, wo sich der Content der Webseite befindet. ... mehr

Die "HyperText Markup Language" (HTML) wurde ursprünglich nicht entwickelt, um Web-Applikationen zu erstellen. HTML hat einen limitierten Vorrat von Interface-Elementen und wurde um ein sequentielles Client-Server-Modell herum entwickelt. Um diese Limitationen zu umgehen haben Entwickler von Web-Applikationen eigene Komponenten (Widgets) entwickelt und diesen dann mit JavaScript das korrekte Verhalten beigebracht. Unglücklicherweise waren diese Methoden um die Limitation zu umgehen nicht zugänglich. Auch wenn diese Widgets so aussahen und sich so verhielten wie normale Widgets von Desktop-Applikationen (wie beispielsweise ein Widget, das eine Baumansicht zeigt) waren die Rol ... mehr

Prinzipiell verhalten sich Browser auf mobilen Geräten genau so wie ihre großen Brüder auf dem Desktop. Vorbei sind die Zeiten, in denen eine mobile Webseite eine vereinfachte, abgespeckte Version der "echten" Webseite war. Trotzdem gibt es, bedingt durch die verschiedenen Formfaktoren von Handys und Tablets, ein paar Eigenheiten, auf die wir achten müssen, damit unsere User auch auf mobile Geräten eine gute User Experience bekommen. Eine dieser Eigenheiten ist die Layout-Berechnung, die regelt, wie Seiten ausgelegt und angezeigt werden. Um zu verstehen, was auf mobilen Geräten passiert, und wie wir das Layout besser kontrollieren können, schauen wir uns ... mehr

Standardkonforme Newsletter-Vorlagen für alle Mailprogramme zu generieren, ist keine einfache Aufgabe.Hier sind einige Tipps und Tricks zusammengefasst und zeigen Lösungswege auf. Und das Beste: Alle Mail-Clients unterstützen inzwischen HTML. Wenn Sie sich bereits mit dem Thema beschäftigt haben, wissen Sie, dass Mail-Clients zwar HTML verstehen, jedoch leider weitab von modernen Webstandards. Eine Vielzahl der Programme unterstützt nur rudimentäre CSS-Eigenschaften und auch nur dann, wenn diese als Inline-Styles definiert wurden. Das Testen eines HTML-Newsletters auf Kompatibilität in unterschiedlichen Clients gestaltet sich erheblich störrischer ... mehr