CSS
2 Einträge
In der dynamischen Welt des Webdesigns sind flüssige und ansprechende Animationen ein entscheidender Faktor für die Benutzererfahrung. Mit der Einführung des @starting-style-Attributs in CSS eröffnet sich für Entwickler eine innovative Möglichkeit, den Startzustand von Animationen präzise zu definieren und somit die Kontrolle über komplexe Übergänge zu verbessern.
Was ist @starting-style?
Das @starting-style-Attribut ist eine neue CSS-Direktive, die es ermöglicht, den initialen Stil eines Elements festzulegen, bevor eine Animation oder Transition beginnt. Traditionell wurden Startzustände direkt im regulären CSS oder innerhalb der Keyframes einer Animation definiert. Mit @starting-style können Entwickler nun explizit angeben, wie ein Element vor dem Start einer Animation aussehen soll, ohne den regulären Stilcode zu beeinflussen.
In der heutigen Welt, in der Flexibilität und Performance eine zentrale Rolle spielen, setzen sich Variable Fonts als das neue Must-Have für Entwickler durch. Diese Schriftarten bieten eine enorme Bandbreite an Gestaltungsmöglichkeiten, die weit über das hinausgehen, was mit herkömmlichen Fonts erreichbar war.
Was sind Variable Fonts?
Variable Fonts sind Schriftarten, die verschiedene Stilvariationen in einer einzigen Datei vereinen. Dies ermöglicht es, Gewicht, Breite, Neigung und viele andere Attribute einer Schriftart dynamisch anzupassen, ohne auf separierte Dateien zurückgreifen zu müssen. Das bedeutet, dass eine einzige Variable Font sowohl eine ultraleichte als auch eine extrafette Variante in sich trägt. Dies reduziert die Anzahl der benötigten Schriftdateien drastisch. Hier sollte aber darauf geachtet werden, dass .woff2-Formate genutzt werden, da diese noch ressourcensparender sind.