Dokumentation
Ressourcen und Tools für die Front-End-Entwicklung - zum schnellen Nachschlagen von HTML-Elementen und CSS-Eigenschaften oder um tiefer in die Thematik einzusteigen.
Schnellzugriff
- HTML-Referenz
- Liste aller HTML-Elemente und deren Verwendung.
- CSS-Referenz
- Liste aller CSS-Eigenschaften (Properties).
- DevDocs
- TOOL DevDocs ermöglicht den Zugriff auf sämtliche Dokumentation.
HTML
- HTML-Elemente im Detail
- Anatomie, Verschachtelung, Attribute und Kommentare.
- Responsive Images
- Einführung in die Verwendung von Bildern in HTML.
- Responsive Images 101
- ARTIKEL Hervorragende Erklärung von responsiven Bildern und wie der Browser diese lädt.
- Accessibility
- Einführung und Dokumentation der
aria-Rollen.
CSS
- CSS: Custom Properties
- Wiederverwendbarkeit von Variablen, die CSS-Attribute wie Farben und Abstände standardisieren.
- CSS-Spezifität
- Mit der Spezifität bestimmt der Browser, welche Eigenschaften für die Darstellung eines Elements am relevantesten sind.
- CSS logical properties and values
- Logische Eigenschaften und Werte in CSS.
- Variable Fonts
- Font-Spezifikation, um statt mehrere Schriftschnitte nur einen (variablen) Font zu verwenden.
- BEM: Block Element Modifier
- Namenskonventionen und Modularität von Elementen.
- CSS: Anchor Positioning NEU
- ARTIKEL Einführung in das Anchor-Positioning, bei dem sich Elemente relativ zu einem Ankerpunkt positionieren lassen.
- CSS: Flexbox Froggy
- GAME Spielend das CSS-Layout Flexbox lernen.
- CSS: Grid Garden
- GAME Spielend das CSS-Layout Grid lernen.
- CSS: A Complete Guide to Grid
- GAME Übersicht über das CSS Grid.
JavaScript
- JavaScript-Basics
- Kurze Einführung in die Scriptsprache.
- TypeScript for the New Programmer
- Einführung in TypeScript für Anfänger.
- Progressive web apps (PWAs)
- Einführung in PWA, sowie Leitfaden zur Entwicklung.
- mockaroo: Realistische Testdaten
- TOOL Mock zum Erstellen von echten Daten für deine Anwendung.
Markdown
- Markdown
- Formatierungssyntax für Texte, die auf Plattformen wie GitHub oder Frameworks wie Astro verwendet wird
- MDX
- MDX lässt dich Markdown und JSX in einer Datei kombinieren. Das findet Anwendung in React und Astro.
- JSX
- JSX ist eine Syntaxerweiterung für JavaScript, mit der du HTML-Elemente in JavaScript schreiben kannst.