CSS clip und mask – Masken und Freisteller
Das Freistellen (clip) und Maskieren (mask) bildet die Basis für Effekte und Animationen. CSS erzeugt Rechtecke, Kreise, Polygone, beliebige Formen und Masken.
Das Freistellen (clip) und Maskieren (mask) bildet die Basis für Effekte und Animationen. CSS erzeugt Rechtecke, Kreise, Polygone, beliebige Formen und Masken.
Die Grundlagen von JavaScript sind HTML und CSS, denn sie bilden die Ein- und Ausgabe. Dann spricht nichts dagegen, gleich »in die Eisen« zu steigen und ein Skript aus den Angeboten des Webs zu nehmen, um es auf die eigenen Anforderungen anzupassen – das ist Learning by doing.
CSS fehlt die komplexe Logik, um wiederverwendbaren und organisierten Code zu schreiben. Komplexe Projekte nutzen darum Präprozessoren wie SASS und LESS. Sie nutzen Scriptsprachen, die CSS erweitern und die Komplexität von CSS reduzieren.
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.
CSS mask image bringt Masken und Freistellpfade für alle Bitmap-Formate. Das Originalbild bleibt erhalten und die Maske kann animiert werden.
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.
