CSS hat sich für immer verändert... plus 7 neue Funktionen, die Sie nicht kennen

CSS hat ein massives Update erhalten, das viele seiner Schmerzpunkte beseitigt. Es gibt ein neues Logo in der Farbe Rebecca Purple, das als Erinnerung daran dient, dass CSS tatsächlich großartig ist, wenn man die Funktionen auf dem modernen Baseline-Pfad verwendet. Es gibt sieben neue Funktionen, die Sie als Webentwickler verwenden können. Die 'aligned content'-Eigenschaft macht Memes über das Zentrieren eines Divs überflüssig. Die 'property at rule'-Eigenschaft ist Teil von CSS Houdini und ermöglicht es, Variablen einen spezifischen Typ wie Zahl, Farbe, Prozentsatz usw. zuzuweisen. Die 'starting style'-Eigenschaft ermöglicht es, einen Stil zu definieren, wenn ein Element zum ersten Mal auf einer Seite gerendert wird. Es gibt zusätzliche mathematische Funktionen wie 'round', 'REM' und 'mod'. Die 'light dark'-Eigenschaft erleichtert das Verwalten von Stilen für den hellen und dunklen Modus. Die Pseudoklassen 'user valid' und 'user invalid' werden nur ausgelöst, nachdem der Benutzer tatsächlich mit einem Formular interagiert hat. Die 'interpolate size'-Eigenschaft ermöglicht es, die Höhe zu animieren, wenn der Benutzer klickt, um sie zu öffnen oder zu schließen.

via CSS just changed forever… plus 7 new features you don't know about