CSS mask image bringt Masken und Freistellpfade für alle Bitmap-Formate. Das Originalbild bleibt erhalten und die Maske kann animiert werden.

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.

Gleich mittenrein

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.

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.

Suchen auf mediaevent.de