kohnlehome.de

Spickzettel

Allgemein

• Web-Programmierung
• Web-Architekturen
• REST

HTML

• HTML-Übersicht
• XML
• XHTML pdf odt

CSS

• CSS

Selektoren

• CSS-Selektoren
• CSS-BEM

Design

• CSS-Styling
• CSS-Farben
• CSS-Textformatierung

Layout

• CSS-Boxes
• CSS-Position
• CSS Flex Layout
• CSS Grid Layout
• Media Queries

Sonstiges

• CSS Animationen
• SASS

Frameworks

• Bootstrap
• Bootstrap-Validierung
• Tailwind

Video

• Video on the Web

CMS

• Wordpress

Beispieldateien

HTML

• XHTML-Beispiel
• HTML-Formularelemente
• HTML-Formularelemente mit Bootstrap 5

CSS

• Layoutbeispiel
• Beispiel 960.gs Gridlayout

Externe Links

Referenzen

• Mozilla Developer Network
• selfhtml.org

Validatoren

• W3C Markup Validation Service
• W3C CSS Validation Service

Online-Editoren

• codepen.io
• jsfiddle.net
• liveweave.com

Allgemein

• web code tools

HTML

• MDN: HTML elements reference
• Nester: Übung Einrückungen

CSS

• CSS CheatSheet

Selektoren

• CSS-Diner (Selektoren): flukeout.github.io
• BEM Cheat Sheet

Layout

• CSS-Tricks: Box Sizing

Flexbox

• CSS-Tricks: Flexbox
• Build with Flexbox
• flexboxfroggy.com
• flexboxdefense.com

Grid

• CSS-Tricks: Grid
• cssgridgarden.com
• Euismod: Learn CSS Grid

Sonstiges

• responsibleweb.app
• barrierefreies-webdesign.de
• LPI Web Development Essentials Skript v1.0