Nuggets
Du kennst die Grundlagen von HTML und CSS, hast dir einen Einstieg in JavaScript und PHP erarbeitet – jetzt kommen die Nuggets. Kleine, präzise Teilstücke zu Eigenschaften und Techniken, die im Arbeitsalltag ständig gebraucht werden. Jeder Nugget behandelt genau ein Thema, kompakt und direkt auf den Punkt – ideal um die eigene Werkzeugkiste gezielt zu erweitern.
-
PHP
Debugging – Was steckt in meiner Variable?
Mit print_r() und var_dump() siehst du live was in einer PHP-Variable steckt – das wichtigste Werkzeug wenn etwas nicht so funktioniert wie erwartet.
-
HTML
Meta-Tags richtig setzen
Description, viewport, theme-color und og:image – welche Meta-Tags wirklich wichtig sind und wie du sie korrekt einsetzt.
-
CSS
Scrollbar stylen
Mit ::webkit-scrollbar kannst du den Scrollbalken deiner Seite optisch anpassen – Farbe, Breite, Radius und mehr.
-
HTML
Semantik – was Google und Screenreader wirklich lesen
Warum article, section und nav mehr sind als Divs mit besserem Namen – und wie Google und Screenreader diese Tags konkret nutzen.
-
CSS
clamp() – flüssige Größen
Mit clamp(min, bevorzugt, max) setzt du Schriftgrößen und Abstände, die sich automatisch an die Bildschirmbreite anpassen – ganz ohne Media Queries.
-
JavaScript
console.log – Was macht mein Code?
console.log ist dein wichtigstes Werkzeug beim Lernen von JavaScript. Du siehst damit live was in deinem Code passiert – direkt im Browser.
-
CSS
gap vs. margin
In Flex- und Grid-Layouts ist gap oft die bessere Wahl als margin. Wann was sinnvoll ist – kurz erklärt.
-
PHP
include – Dateien einbinden
Mit include bindest du PHP-Dateien wie Navigation und Footer zentral ein – einmal ändern, überall wirksam.
-
CSS
overflow verstehen
Was passiert, wenn Inhalte ihren Container sprengen? Die overflow-Eigenschaft gibt dir die Kontrolle – hidden, scroll oder auto.