HTML-Attribut „popover“ zeigt/verbirgt Elemente

1. Einordnung & Zweck 2. Attributwerte & Verhalten Wert Beschreibung / Verhalten auto (Standard) Popover kann „light dismiss“ — d. h. durch Klick außerhalb oder durch Esc geschlossen werden. Öffnen eines neuen auto-Popovers schließt ggf. andere auto-Popovers (außer verschachtelten). (MDN Web Docs) manual Popover schließt nicht automatisch und reagiert nicht auf Klick außerhalb. Steuerung ausschließlich … Weiterlesen

CSS-Pseudo-Elemente

1. Was sind Pseudo-Elemente? Ein Pseudo-Element ist ein virtuelles Kind eines existierenden Elements, mit dem man bestimmte Teile eines Elements gestalten kann, etwa: Sie werden in CSS mit zwei Doppelpunkten (::) notiert — Single-Colon (:) wird historisch noch unterstützt für einige alte Pseudo-Elemente. MDN Web Docs 2. Wichtige Pseudo-Elemente & ihre Verwendung Pseudo-Element Beschreibung Typische … Weiterlesen

Kategorien CSS Schlagwörter

Übersicht: Visual Studio Code – Tastenkürzel

Bereich Shortcut Beschreibung Allgemein / UI ⇧⌘P Öffne Command Palette (führt viele Befehle aus) (Rost Glukhov) ⌘P Schnelldatei öffnen („Quick Open“) (DevSheets) ⌘, Einstellungen öffnen („User Settings“) (DevSheets) ⌘K ⌘S Tastenkürzel Übersicht öffnen (Keyboard Shortcuts Editor) (Visual Studio Code) ⌘B Seitenleiste (Sidebar) ein-/ausblenden (Visual Studio Code) ⌘„ (Backtick) Terminal anzeigen/verbergen (DevSheets) Maus-Multi-Cursor ⌥ + click … Weiterlesen

Übersicht: Formulare erstellen

HTML-Formulare existieren seit den frühen 1990er Jahren. Anfangs waren sie schlicht, mit nur Textfeldern, Buttons und Checkboxen. Mit HTML4 kamen neue Input-Typen, die Validierung erleichterten. HTML5 führte spezialisierte Typen (email, date, range) und Elemente wie <datalist> oder <output> ein, um nutzerfreundliche, interaktive Formulare ohne externe Skripte zu ermöglichen. Heute sind Formulare zentral für Web-Interaktionen. HTML-Formulare … Weiterlesen

Die unterschiedlichen Einheiten im CSS

In den letzten Jahrzehnten hat sich das CSS-Einheitensystem stark weiterentwickelt. Anfangs dominierten absolute Einheiten wie px und pt. Mit dem Aufkommen von Responsive Design wurden relative Einheiten wie em, rem, % und Viewport-Einheiten (vw, vh) entscheidend. Neuere Varianten (dvh, vi, vb) ermöglichen heute flexiblere, kontextbewusste Layouts für verschiedene Geräte und Umgebungen. Die folgende Übersicht zu … Weiterlesen

CSS-Reset-Datei

In Jahrzehnten der Webgestaltung haben sich viele Dinge weiterentwickelt, vor allem die Endgeräte auf denen Webseiten aufgerufen werden. Es gib viele unterschiedliche Displaygrössen und andere Anforderungen. Einige CSS-Werte, die zum Beginn der Entwicklung in als Standard gesetzt wurden, z.B. Margins und Paddings, sind heute, vor Allem mit Blick auf responsives Design, eher ungünstig. Dennoch sind … Weiterlesen