Robert Nyman und Philip Jägenstedt:
Google arbeitet mit anderen Browserherstellern und Industriepartnern zusammen, um die fünf größten Kompatibilitätsprobleme für Webentwickler zu beheben. Die Schwerpunkte sind CSS Flexbox, CSS Grid,
position: sticky,aspect-ratiound CSS Transforms.
[…] Ziel für 2021 ist es, Browser-Kompatibilitätsprobleme in fünf Schlüsselbereichen zu beseitigen, damit Entwickler sie zu zuverlässigen Fundamenten ausbauen können.
Ich würde sagen, ein langsamer Applaus, aber ich möchte nicht sarkastisch klingen. Voller, normaler Applaus.
Vor zehn, fünfzehn Jahren war die Arbeit eines Webdesigners und -entwicklers stark auf das Nachdenken über, Planen für und Behandeln von Cross-Browser-Kompatibilität ausgerichtet. Heutzutage ist das immer noch ein Thema, aber es geht nicht mehr um die Behebung von Fehlern, Eigenheiten und frustrierenden Implementierungsunterschieden wie damals. Es handelt sich eher um Randfälle mit offensichtlicheren Workarounds. Und wenn wir über die Browser- und Geräte-Landschaft nachdenken, tun wir dies durch die Brille der Erfüllung unserer Nutzer, wo sie sich befinden, und der Akzeptanz dieser Landschaft. Wir tun unser Bestes, jedenfalls.
Wenn die Verantwortlichen die Kompatibilitätsprobleme weiter abbauen können, festigt das das Web als den richtigen Ort für Entwicklungen.
Ich stimme für einen richtigen Versuch mit zuverlässigen Viewport-Einheiten im Jahr 2022, die irgendwie sinnvoll Scrollbalken und andere Browser-Chromium-Elemente behandeln.
Ähnliches würde ich mir auch bei der Implementierung von assistiven Technologien wünschen.
Das sind tatsächlich ziemlich gute Nachrichten auch für PWA-Entwickler, da das Web seine Macht zurückgewinnt.
Dies wäre ein großer Schritt in die richtige Richtung. Eines der Hauptprobleme mit CSS, das ich in den letzten Jahren hatte, ist, dass einige Browser wie Safari Animationsstile für diskrete (im Gegensatz zu kontinuierlichen) Eigenschaften, die nicht als animierbar gelten, wie z. B. `display`, `visibility` und sogar die `content`-Eigenschaft, komplett *blockieren*. Einige Browser wie Chrome animieren diese Eigenschaften trotzdem und ignorieren einfach das Problem, dass sie nicht flüssig animierbar sind, aber andere wie Safari scheinen Animationsstile, die sich auf solche Eigenschaften beziehen, fast vollständig zu ignorieren. Ein Paradebeispiel dafür ist dieses hier, das ich vor einigen Jahren erstellt habe und die Funktionalität von typed.js vollständig in SCSS nachbildet: https://cdpn.io/e/bZqGdw
Dieses minimale Beispiel sollte theoretisch in allen Browsern funktionieren
Das! Ich kann mir kaum einen Anwendungsfall vorstellen, bei dem 100vw die (verschiebenden/nicht überlagernden) Scrollbalken einschließen sollte.