Chrome 69

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Chrome 69 ist für uns CSS-Entwickler bemerkenswert

  • Conic Gradients (d.h. background: conic-gradient(red, green, blue);): Wir haben viele interessante Artikel über Conic Gradients hier, und hier sind einige Anwendungsfälle und ein Polyfill von Lea Verou.
  • Logische Boxmodell-Eigenschaften: margin, padding und border erhalten ein Upgrade für mehr Anwendungsfälle. Denken Sie daran, wie wir jetzt margin-left haben – der Teil „links“ ergibt nicht viel Sinn, wenn wir die Richtung ändern. Jetzt haben wir dafür margin-inline-start. Die vollständige Liste lautet margin-{block,inline}-{start,end}, padding-{block,inline}-{start,end} und border-{block,inline}-{start,end}-{width,style,color}. Hier ist Rachel Andrew mit Understanding Logical Properties And Values.
  • Scroll-Snap-Punkte (d.h. scroll-snap-type: x mandatory;): Was einst JavaScript-Intervention erforderte, ist jetzt glücklicherweise in CSS. Wir berichten seit Jahren darüber. Dies trägt wesentlich dazu bei, Karussells wesentlich einfacher zu gestalten.
  • Umgebungsvariablen (d.h. env(safe-area-inset-top);): Apple hat mit dem iPhone X „die Notch“ eingeführt und proprietäres CSS für den Umgang damit fallen gelassen. Die Community hat sich schnell eingeschaltet und jetzt haben wir env(), damit Browser so etwas liefern können.

Ich schätze, wir können dieser Versionsnummer ein wohlverdientes nice geben.

Direkter Link →