Kostenlose HTML-Editoren
Phoenix ist ein moderner einfacher Editor für Windows und Mac mit Live-Vorschau:
phcode.dev
Visual Studio ist ein sehr umfangreicher HTML-Editor für Windows, Mac und Linux. code.visualstudio.com
Allgemeine Referenz
Als Referenzwerk für den Kurs und zum weiterführenden Selbststudium – Das HTML5-Handbuch:
webkompetenz.wikidot.com/docs:html-handbuch
Selfhtml: umfangreiches Nachschlagewerk
wiki.selfhtml.org
Mozilla Developer Network (MDN)
Das umfangreichste und aktuellste Nachschlagewerk (in Englisch)
w3schools:
https://www.w3schools.com
HTML & CSS-Referenz mit anschaulichen Beispielen
Tabellen-Editor:
qhmit.com/html/html_table_generator.cfm
Zur Überprüfung von HTML:
Sonderzeichen:
unicode-table.com/de/
Einfügen in CSS: U+2713 wird in CSS zu \2713
Sprachkürzel
webkompetenz.wikidot.com/html-handbuch:referenz-sprachenkuerzel
Farbnamen:
www.w3schools.com/colors/colors_names.asp
Farbauswahl (Color Picker):
Farben konvertieren:
www.w3schools.com/colors/colors_converter.asp
Web safe fonts
www.w3schools.com/cssref/css_websafe_fonts.asp
Verlaufs-Generator
www.colorzilla.com/gradient-editor/
Spickzettel für Flex
(Englisch)
css-tricks.com/snippets/css/a-guide-to-flexbox/
Browser-Kompatibilität checken
Einfache CSS-Navigations-Menüs
(Englisch)
www.w3schools.com/css/css_navbar.asp
Für weiter schicke Menüs googeln Sie nach "Pure CSS responsive Navigation"
Layout-Vorlagen
(Englisch)
www.quackit.com/html/templates/css_flexbox_templates.cfm
(Es gibt noch zig anderer Websites mit Layout-Vorlagen. Googeln Sie nach css templates bzw. css flex templates)
Barrierefreie Websites nach der Barrierefreie Informationstechnik-Verordnung (BITV)
Gesetzestext, Tutorials, Forum etc.
www.aktion-mensch.de/inklusion/barrierefreiheit/barrierefreie-website
Der CSS Zen Garden
Demo, was mit CSS möglich ist – der gleiche HTML-Quelltext in unterschiedlichen CSS-Designs:
csszengarden.com