Firefox 65 bietet unter anderem neue Features für die Web-Entwicklung mit CSS

Firefox 65 mit CSS Flexbox Inspector veröffentlicht
Keine Kommentare

Firefox 65 enthält verschiedene neue Funktionen speziell für Web-Entwickler. Gleich mehrere davon betreffen die Arbeit mit CSS.

In der neuesten Version von Firefox sind unter anderem einige neue Features für die DevTools enthalten. Gleich mehrere davon betreffen die Arbeit mit CSS. Dan Callahan (Developer Advocate bei Mozilla) und Chris Mills (Senior Tech Writer bei Mozilla) beschreiben in einem Beitrag auf Mozilla Hacks einige der Neuerungen in Firefox 65.

Der CSS Flexbox Inspector ist neu in den DevTools von Firefox. Mit ihm sollen sich die Positionen von Flexbox Containern und Items auf einer Webseite anzeigen lassen. Der verfügbare Platz zwischen ihnen soll mit dem CSS Flexbox Inspector ebenfalls darstellbar sein. Zusätzlich soll der CSS Flexbox Inspector in Firefox 65 die anfängliche und finale Größe der Flexbox Container und Items anzeigen. Eine vollständige Übersicht über alle Funktionen des CSS Flexbox Inspectors bietet die Dokumentation.

Das ebenfalls für die DevTools neu eingeführte Changes Panel soll Veränderungen am CSS-Code auflisten, die während der laufenden Sitzung vorgenommen wurden. Damit sollen Web-Entwickler die Folgen ihrer Änderungen direkt sehen klönnen, um sie dann in ihren Code-Editor zu übernehmen.

CSS-Umgebungsvariablen in Firefox 65

CSS-Umgebungsvariablen werden nun von der Gecko Engine und damit in Firefox 65 unterstützt. Der Zugriff auf CSS-Umgebungsvariablen erfolgt via env() innerhalb der Stylesheets. Mit CSS-Umgebungsvariablen lassen sich sichere Anzeige-Bereiche auf dem Gerät des Endnutzers definieren. Die Nutzung von CSS-Umgebungsvariablen ist in jedem Teil eines Property Value oder Descriptors möglich. Anders als Custom Properties, deren Scope auf dem jeweils zugehörigen Element liegt, gilt der Scope der Umgebungsvariablen global für ein spezifisches Dokument.

Der Beitrag von Callahan und Mills bietet Einblicke in weitere Neuerungen in Firefox 65. Ein vollständiger Überblick über alle Änderungen in Firefox 65 kann den Release Notes entnommen werden.

Unsere Redaktion empfiehlt:

Relevante Beiträge

Hinterlasse einen Kommentar

Hinterlasse den ersten Kommentar!

avatar
400
  Subscribe  
Benachrichtige mich zu:
X
- Gib Deinen Standort ein -
- or -