Lieber ein großes Bild anstelle mehrerer kleiner Bilder laden – das ist die Idee hinter Image Sprites. CSS ImageSprites und SVG Image Sprites sind die Platzanweiser für die Einzelbilder.
SVG inline in die Seite einzubinden, hat seinen Reiz: CSS- und Javascript-Animationen und kein zusätzlicher HTTP-Request. Aber niemand kann sich des Gefühls erwehren, dass das HTML-Markup mit dem inline-SVG aufgeht wie ein Hefekloß.
Lineart ist die Bezeichnung für Strichzeichnungen, die nur wenig oder gar nicht koloriert sind. Eine Path-Animation wirkt, als würden sie gerade mit einem Stift gezeichnet – ein schöner Effekt, der technische Zeichnungen verständlicher macht, als Basis für ein animiertes GIF oder Pausenfüller zwischen zwei Absätzen wirkt.
Warum mosert der Validator? Error: A meta element with an http-equiv attribute whose value is X-UA-Compatible must have a content attribute with the value IE=edge.
Javascript FormData
Spart das Navigieren durch die Eingabefelder und Zusammenstellen eines Post-Requests / JSON-Objekts.
Javascript match Media
Pendant zu CSS Media Queries
-
CSS calc
calc berechnet width, height, margin und weitere Größen aus gemischten Werte (z.B. width: calc(100% - 150px))
-
@supports – CSS supports-Regel
testet, ob der Browser eine CSS-Eigenschaft unterstützt.
Aus der Sammlung der Sprüche
Heute muss ein Webdesigner der MacGyver aus der TV-Serie der 80er sein, und aus einem Gummiband und drei Dosen ein flugtaugliches Flugzeug konstruieren können.
Für die Handvoll tapferer Mathematiker, die sich an Formeln mit MathML, Latex oder TEX in Webseiten trauen: MathJax, die Javascript-Library für mathematische Formeln, beherbergt die Code-Library nicht mehr.
Chrome 45 hatte Anfang 2015 angekündigt, SMIL-Animationen den CSS-Animationen und Javascript zuliebe auf „Deprecated (abgelehnt)“ zu setzen und eine Warnung in die Console gesetzt. Aber SMIL dreht weiterhin seine Runden in Chrome.
Immer wieder auf dem Programm: der SVG-Upload in WordPress. Nachdem SVG in WordPress 4.7.1 »aus Sicherheitsgründen« nicht mehr hochgeladen wurde, hat WP 4.7.2 das Tor für SVG erneut geschlossen.
Fotos und Grafiken werden immer für das Internet optimiert. Wir wollen Fotos und Grafik groß und brillant anzeigen und die Dateigröße trotzdem klein halten, um die Ladezeit der Seite so kurz wie möglich zu halten.
CSS offset-path bewegt Elemente entlang einer S-Kurve, einer Acht und schießt kleine Raketen in den Orbit. Damit wollen die Blink-Entwickler (Chrome und Opera) CSS Transition und Animationen bereichern, nachdem sie SVG SMIL-Animationen ins Abseits gesetzt haben.
Beim Umzug eines Webseite auf einen anderen Server entsteht eine mehr oder minder lange Wartezeit bis alle DNS-Server die neue IP-Adresse registriert haben.
Viele Formular-Elemente widersetzen sich hartnäckig allen Annäherungen seitens CSS – sehen wir mal von border-radius und font-size für Eingabefelder ab. Etwas appearance: none und ein paar Tricks holen Bilder in das option-Tag.
Nach dem Update des WordPress-Plugins Custom Content Type Manager spuckte WordPress eine Flut von Spam-Emails aus – das Update des Plugins kam mit einem bösartigen Virus.