Artikel für Leute, die
den Stack ausliefern
Beiträge zu React, Node.js, TypeScript und AI. Ein übersetzter Text wird gezeigt, wenn er existiert. Sonst sehen Sie den englischen Text und einen Hinweis.
Tag: CSS
Flüssige, appähnliche Navigation mit der View Transitions API in Next.js
App-ähnliche Seitenübergänge in Next.js mit der View Transitions API: Bewegung gemeinsamer Elemente zwischen Routen ohne eine aufwändige Animationsbibliothek, zusammen mit Hinweisen zur Nutzung.
4 Min. LesezeitFünf Hinweise von link rel für eine schnellere erste inhaltliche Darstellung
Verwenden Sie in der Dokumenten-Headerebene die Eigenschaften preconnect, preload, dns-prefetch, prefetch und modulepreload, um Verbindungen vorzuwärmen und Ressourcenverbrauch zu reduzieren, ohne die Anwendung umschreiben zu müssen.
3 Min. LesezeitStilisieren Sie Elternelemente anhand ihres Inhalts mit CSS :has()
Erfahren Sie, wie :has() es Selektoren endlich ermöglicht, auf Nachkommen und Geschwister zuzugreifen, wo Microfrontend-Shells es nutzen können, und warum Shadow DOM zusammen mit Klassennamenkontrakten dieses Muster weiterhin einschränkt.
6 Min. LesezeitKletterbare React-Akkordeons: Zusammenfalten mit CSS Grid, nicht durch Entfernen
Erstellen Sie verschachtelte React-Accordions, die den Inhalt im DOM beibehalten, um ihn indizieren zu können; animieren Sie die Höhe mithilfe von Grid-Reihen, beschränken Sie pro Ebene die gleichzeitige Öffnung auf ein Element und setzen Sie den Zustand bei Schließen zurück.
8 Min. LesezeitÜberspringen des Außerhalb-des-Bildschirms-Renderings mit „content-visibility“ und „contain-intrinsic-size“
Erfahren Sie, wie „content-visibility“ die Layoutkosten auf langen, vom Server bereitgestellten Seiten reduziert, warum „contain-intrinsic-size“ erforderlich ist und wie es sich im Vergleich zur Virtualisierung verhält.
12 Min. LesezeitGetippte CSS attr(): Direkte Eingabe von HTML-Attributwerten in Stylesheets
Erfahren Sie, wie die CSS-Funktion attr() Dateneigenschaften in Längen, Farben und Zeiten umwandelt, warum ihre Ersatzlösungen versagen, warum url() blockiert wird und wie Sie sie heute sicher einsetzen können.
18 Min. LesezeitWer sollte das Verhalten der Benutzeroberfläche steuern? Die Wahl zwischen HTML, CSS und JavaScript
Ein Rahmenwerk zur Entscheidung darüber, wann native HTML- und CSS-Funktionen wie Dialoge, Popovers, :has() sowie Container-Queries JavaScript ersetzen sollten und wann nicht.
15 Min. LesezeitEin animierter Daumen-hoch-Feedback-Button ohne jegliche Animationsbibliothek
Erstellen Sie ein Feedback-Widget mit Daumen nach oben und Daumen nach unten samt Pop-Animation durch Keyframes, aktiven Zuständen sowie einer Abfrageruf, unter Verwendung ausschließlich von HTML, CSS und einigen Zeilen JavaScript.
7 Min. LesezeitStruktur, Stil, Verhalten: Wie HTML, CSS und JavaScript die Arbeit aufteilen
Eine für Anfänger geeignete Karte, die zeigt, was HTML, CSS und JavaScript auf einer Webseite jeweils beinhalten, wie sie zusammenarbeiten, sowie welche häufigen Fehler die Grenzen zwischen ihnen verwischen.
6 Min. Lesezeit
Über diese Artikel
Angebot in 24 Stunden
Denselben Stack in einer Operator-Schicht? Brief schicken — Angebot in 24 Stunden.