Safari Technology Preview 254: Neue CSS-Funktion calc-size für Entwickler

Apples Testbrowser verbessert Zoomgesten auf dem Mac und ergänzt WebKit um CSS-Werkzeuge für animierte Elementgrößen.

•

Mit der experimentellen Browserversion Safari Technology Preview 254 gewährt Apple Einblicke in kommende Technologien für das hauseigene Betriebssystem macOS. Die Vorabversion richtet sich primär an Webentwickler und technisch interessierte Anwender, um Neuerungen vor der allgemeinen Freigabe in stabilen Betriebssystem-Updates unter realen Bedingungen zu erproben.

Zu den zentralen Schwerpunkten der Veröffentlichung gehören eine optimierte Gestensteuerung auf dem Mac sowie moderne Erweiterungen für Stylesheets im Webdesign.

Flüssigere Gestensteuerung mit Live-Pinch-to-Zoom

Ein wesentlicher Bestandteil der Aktualisierung betrifft die direkte Interaktion mit Webinhalten auf Apple-Rechnern. Mit der Einführung von Live-Pinch-to-Zoom auf dem Mac reagiert der Browser unmittelbarer auf Spreiz- und Zoomgesten, die Anwender über das Trackpad ausführen.

Bislang führten derartige Zoom-Manöver auf Desktop-Geräten im Vergleich zu mobilen Plattformen bisweilen zu sichtbaren Verzögerungen oder einem sprunghaften Neuaufbau der Seitenstruktur. Die Überarbeitung zielt darauf ab, die visuelle Skalierung kontinuierlich und ohne spürbare Unterbrechungen darzustellen.

Anzeige

Wer sich mit der Optimierung seines Apple-Rechners befasst, sollte auch die täglichen Arbeitsabläufe unter die Lupe nehmen. Dieser kostenlose Ratgeber zeigt Ihnen die 19 besten Tastenkombinationen, mit denen Sie am Mac sofort flüssiger und zeitsparender arbeiten. 19 Mac-Shortcuts jetzt kostenlos herunterladen

Für Nutzer verbessert dies die Lesbarkeit von Detailansichten, Grafiken und Textpassagen auf Webseiten erheblich, während Entwickler von einem einheitlicheren Verhalten über verschiedene Geräteklassen hinweg profitieren.

Erweiterte Gestaltungsoptionen durch die CSS-Funktion calc-size

Auf Entwicklerseite steht insbesondere eine Neuerung bei den Cascading Style Sheets im Fokus: Mit der Ergänzung der CSS-Funktion calc-size erweitert Apple die gestalterischen Möglichkeiten bei der Berechnung und Animation von Elementgrößen.

Die CSS-Spezifikation stieß in der Vergangenheit oft an Grenzen, wenn Übergänge zwischen fest definierten Längenmaßen und dynamischen Inhaltsgrößen wie automatischer Höhe oder Mindestbreiten animiert werden sollten. Entwickler mussten für weiche Übergänge häufig auf rechenintensive JavaScript-Lösungen zurückgreifen.

Anzeige

Nicht nur im Browser, sondern im gesamten System helfen die richtigen Kniffe dabei, wertvolle Zeit zu sparen und unnötige Klicks zu vermeiden. Erfahren Sie in diesem Gratis-Report eines Apple-Experten, wie Sie Ihren Mac durch clevere Einstellungen und Shortcuts noch effizienter nutzen. Gratis-PDF: Die 19 nützlichsten Mac-Shortcuts entdecken

Die Bereitstellung von calc-size in der Rendering-Engine WebKit schafft eine standardisierte Methode, um derartige Größenberechnungen direkt im Stylesheet vorzunehmen. Dies erleichtert das Erstellen responsiver Oberflächen und trägt zu einer flüssigeren Darstellung bei, da Berechnungen effizienter durch den Browser ausgeführt werden können.

Die Rolle der Testversionen für das WebKit-Ökosystem

Die Veröffentlichung von Version 254 reiht sich in Apples langfristige Strategie ein, Webstandards schrittweise in der eigenen Browser-Engine zu verankern. Berichten von Fachmedien wie macobserver.com zufolge dient die Preview-Reihe als Testfeld für Rückmeldungen aus der Entwickler-Community.

Webschaffende erhalten durch die Vorabversion die Gelegenheit, ihre Seiten frühzeitig an neue Spezifikationen anzupassen und Darstellungsfehler zu melden, bevor die Funktionen Einzug in die regulären Updates von Safari auf macOS und iOS halten. Für die Weiterentwicklung des Browsers spielen diese Tests eine zentrale Rolle, um Stabilität, Leistung und die Einhaltung moderner Webstandards parallel voranzutreiben.