In dieser Woche gibt es variable Schriften mit schrägem Stil, eine neue Browsererweiterung zum Linting und die allererste Version von CSS Modules.
font-style: oblique auf variable Schriften anwenden
Einige beliebte variable Schriften verfügen über eine 'wght'-Achse (Gewicht) zur Anzeige von Text in verschiedenen Schriftschnitten und eine 'slnt'-Achse (Schrägstellung) zur Anzeige von schrägem Text. Dies ermöglicht die Erstellung vieler Schriftstile mit einer einzigen variablen Schriftdatei (siehe z. B. die Demoseite „Variable Web Typography“).
Sie können font-style: oblique anstelle der untergeordneten Eigenschaft font-variation-settings verwenden, um schrägen Text in variablen Schriften mit einer 'slnt'-Achse anzuzeigen. Dieser Ansatz funktioniert in Chrome, Safari und Firefox.
/* BEFORE */
h2 {
font-variation-settings: "wght" 500, "slnt" 4;
}
/* AFTER */
h2 {
font-weight: 500;
font-style: oblique 4deg;
}
Siehe den Pen
Using font-style: oblique on variable fonts von Šime Vidas (@simevidas)
auf CodePen.
Die neue webhint Browsererweiterung
Das webhint Linting-Tool ist jetzt als Browser-DevTools-Erweiterung für Chrome, Edge und Firefox verfügbar (lesen Sie die Ankündigung von Microsoft). Im Vergleich zu Lighthouse ist ein besonderes Merkmal von webhint seine browserübergreifende Kompatibilität.
In anderen Nachrichten…
- CSS Modules V1 ist ein neuer Vorschlag von Microsoft, der die JavaScript-Module-Infrastruktur erweitern würde, um den Import eines
CSSStyleSheet-Objekts aus einer CSS-Datei zu ermöglichen (z. B.import styles from "styles.css";) (via Thomas Steiner) - Im Desktop-Chrome installierte Web-Apps können auf der Seite about:apps deinstalliert werden (Rechtsklick auf das App-Symbol zeigt die Option Entfernen...) (via Techdows)
- Aufgrund der besonderen Anforderungen von AMP sollten große Nachrichtenseiten wie The Guardian optimalerweise über zwei separate Codebasen verfügen (eine für die AMP-Seiten und eine für die reguläre Website) (via The Guardian)
Lesen Sie weitere Neuigkeiten in meiner neuen, wöchentlichen Sonntagsausgabe. Besuchen Sie webplatform.news für weitere Informationen.
Danke, Mann!!!