HTML5 ist eine textbasierte Auszeichnungssprache zur Strukturierung und semantischen Auszeichnung von Inhalten wie Texte, Bilder und Hyperlinks in Webdokumenten. HTML5 hat das Web erobert. Grund genug, interessante Fakten und Links zum Thema Webdesign mit HTML5 vorzustellen.
Informationen gemäss Stand vom 4.1.2025
Bild: Anand Kumar auf Pixabay.com
Inhaltsverzeichnis: HTML5
ANZEIGE
Formulare
Vor allem im Bereich Formulare hat HTML5 mehr zu bieten. So gibt es neue Feldtypen wie Datum, E-Mail, Webadressen und Zahlen. Zudem können die Felder ohne JavaScript auf den Inhalt überprüft werden.
Vorlagen und Entwicklung
-
HTML5-Bibelplatte (E)
HTML5 Boilerplate ist ein professionelles HTML/CSS/JS-Template als Basis für eine schnelle, robuste und zukunftssichere Website.
html5boilerplate.com -
99Lime HTML KickStart (E)
Bei KickStart handelt es sich um ein fertig geschnürtes Paket an HTML5-, CSS- und JavaScript-Dateien, um einen schnelleren Start beim nächsten Webprojekt zu ermöglichen.
99lime.com -
HTML5 UP (E)
Vorlagen für komplette Websites.
html5up.net -
Gethead (E)
Alle wichtigen Informationen über den HTML-Header.
htmlhead.dev -
html5xcss3 (E)
Kostenfreie Responsive Css3 and Html5 Templates
html5xcss3.com -
HTML5-Generator (E)
Generieren Sie den Code für Buttons, Formularelemente, Media, Texte, etc.
webcode.tools/html-generator
Anleitungen
-
Die praktische Online-Referenz zu HTML5 und App-Entwicklung
Enthält Anleitungen, Neuerungen und Anleitung zum Programmieren von iPhone-Apps.
selfhtml5.org -
HTML lernen und die eigene Website mit HTML5 und CSS3 Schritt für Schritt selbst erstellen
Durch eine gezielte Fokussierung auf das Wesentliche werden Sie HTML lernen und in der Lage sein, Websites mit dem nötigen Hintergrundwissen erfolgreich zu erstellen. Der Kurs geht weit über eine einfache HTML-Einführung hinaus. Schritt für Schritt werden alle wichtigen HTML-Befehle und CSS-Anweisungen erklärt, aus denen dann typisches Webdesign (sowohl einspaltige als auch mehrspaltige Layouts) entwickelt wird. Anhand von drei Beispielprojekten werden verschiedene gängige Webdesigns nachgebaut, wodurch Sie die Zusammenhänge von HTML, CSS und Design schnell verstehen. Zudem lernen Sie, wie Sie Websites für die optimale Darstellung auf Handy und Tablet erstellen.
html-seminar.de -
Webkompetenz
von Stefan Münz
webkompetenz.wikidot.com/docs:html-handbuch
Online-Werkzeuge
-
HTML5 Spiele
Die Site stellt Spiele vor, die mit HTML5 erstellt wurden.
html5spiele.de -
HTML5-Validator (E)
Validiert HTML5-Webseiten auf korrekten Seitencode.
html5.validator.nu -
HTML5 / CSS3 Box.com (E)
Audios und Videos einbetten leicht gemacht: Beinhaltet einen Audio-Tag-Generator und einen Video-Tag-Generator.
html5css3box.com -
Konvertieren Sie jedes Video in HTML5!
easyhtml5video.com/de/index.html -
HTML5 Play Framework (E)
Dieses Programm ist ein kostenloser und Open-Source-Videoplayer, der auf JavaScript basiert. Die Anpassung des Erscheinungsbilds ist direkt auf der Startseite demonstriert: Die Position des Abspielknopfs lässt sich per Schieberegler anpassen; die Farben können über Auswahlpaletten definiert werden. Die Anwendung ist unkompliziert: Entweder den Quellcode herunterladen und auf dem eigenen Server hosten oder ein Skript der gehosteten Version in die eigene Website einbinden. Mithilfe des HTML5-Video-Tags können Videos eingebettet werden, die in allen Browsern laufen, nicht nur in denen, die HTML5-Videos unterstützen. Designer können für das Erscheinungsbild vertraute CSS nutzen. Die Software unterstützt zudem Responsive Design und optimiertes Webdesign für Retina-Displays.
videojs.com
Autor: Walter B. Walser, kundennutzen.ch
