1cap – Maßeinheit der großen Buchstaben der Schrift
cap ist eine weitere CSS-Maßeinheit und steht für die Höhe der Großbuchstaben der Schrift. Mit line-height: 1cap entsteht eine Grundlinie wie in den Satzprogrammen des Drucks.
cap ist eine weitere CSS-Maßeinheit und steht für die Höhe der Großbuchstaben der Schrift. Mit line-height: 1cap entsteht eine Grundlinie wie in den Satzprogrammen des Drucks.
In eigener Sache: Beim Umzug einer Webseite auf einen anderen Server entsteht eine mehr oder minder lange Wartezeit bis alle DNS-Server die neue IP-Adresse registriert haben.
CSS mask image bringt Masken und Freistellpfade für alle Bitmap-Formate. Das Originalbild bleibt erhalten und die Maske kann animiert werden.
Das Laden in einem img-Tag war der Clou der SVG-SMIL-Animationen, aber die Chrome-Entwickler hatten SMIL versenkt. Inzwischen ist SMIL wieder »drin« und könnte GIF-Animationen ersetzen.
WordPress lädt das Bild in der vollen Auflösung und erzeugt davon einen Stapel unterschiedlicher Auflösungen. Welches der acht runtergerechneten Fotos erscheint dann auf welchem Monitor?
CSS Größen schöpfen aus einem großen Fundus: Pixel, EM oder REM, Prozent, larger oder smaller. vw und vh ähneln Prozentangaben, aber beziehen sich auf den Viewport und nicht auf das umfassende Element.
Der Druck der Webseite ist das Waisenkind und Mauerblümchen der Stylesheets, dabei gibt es viele Anwendungen, die nach einer liebevolleren Darstellung auf dem Papier dürsten.
Simulatoren / Emulatoren geben einen besseren Einblick, wie die Webseite auf einem iOS bzw. Android-Gerät aussieht, aber sie brauchen einen »Anlauf«.
Hans Dampf für Fotos auf Webseiten ist immer noch JPG – Universalformat seit nahezu 30 Jahren. AVIF ist ein neues Komprimierungsverfahren, das Fotos bei gleicher Qualität besser komprimiert. Ladezeit ist Trumpf.
Anfang 2020 ist das HTML-Attribut loading in den Standard übernommen worden. loading lazy weist den Browser an, Bilder erst zu laden, wenn sie in den ViewPort kommen, um den Seitenaufbau zu forcieren und Bandbreite zu sparen.
Spalten gleicher Höhe sind das Trauma der Webdesigner. Der Gutenberg-Editor liefert dank CSS flex und CSS grid Spalten gleicher Höhe, aber die Zeilen der Spalten variieren je nach Inhalt. flex-grow, flex-shrink und flex-basis bringen die Zeilen auf eine Höhe.
Programmier-Sprechstunden und Webseiten-Seelsorge habe ich im ersten Corona-Lockdown angesetzt und festgestellt: Das bringt auch mir was.
Am Anfang war der Pixel … das war einfach (vergessen wir mal, dass es auch pt gab). Heute haben wir einen ganzen Keller voller Maßeinheiten für Schriftgrößen, Abstände, Breite und Höhe von Elementen.
