Relative Angaben für die Maße von Layoutblöcken sind meist die einfachste Lösung für ein responsives Design. Das gilt aber nur für die Breite. height=“100%“ bringt selten das gewünschte Ergebnis. Selbst vh=“100%“ braucht Nachhilfe: dvh – die dynamische Höhe.
CSS offset-path bewegt Elemente entlang eines Pfads: einer S-Kurve, einer Acht oder beliebiger Formen und schießt kleine Raketen in den Orbit.
SSH-Schlüssel stellen eine höhere Sicherheit für das Login auf einem Server dar als SSH mit einem Passwort. Da schwebt natürlich immer eine kleine Portion Angst mit im Raum: Was ist, wenn was schief läuft bei der Einrichtung?
Das Web Animation API kombiniert animate (keyframes, options) und CSS-Keyframes und lehnt sich eng an CSS-Keyframes-Animation an. Der Aufruf von animate () setzt ein Array von CSS-Keyframes und ein Objekt mit Eigenschaften wie Dauer und Zahl der Wiederholungen ein.
object- und iframe sind nicht nur Behälter für SVG oder für Video – sie können auf ein PDF-Dokument verweisen und bieten dem Benutzer inmitten der Webseite einen Einblick in das PDF-Dokument.
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.
Mit CSS flex und grid ist ein solider Spaltensatz eingezogen. Aber erst jetzt haben flex und grid endlich eine einfache Lösung für ein tägliches Problem: In zwei, drei oder mehr Spalten bilden Überschriften, Texte und Bilder ein Raster.
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 oder Point, EM oder EX oder REM, Prozent, larger oder smaller. vw und vh ähneln den Prozentangaben, aber sie beziehen sich auf den Viewport und nicht auf das umfassende Element.
Die Druckversion 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«.
