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.
Die Anpassung von Schriftgrößen in ein responsives Layout der Webseite stellt trotz der einfachen Installation von CSS Breakpoints hohe Ansprüche an das Webdesign und den Pragmatismus.
Wer seine Twitter-Shares zählen wollte, griff auf ein Script zurück – auf newsharecounts.s3-us-west-2.amazonaws.com/nsc.js. Aber was passiert, wenn so ein Script in die falschen Hände fällt? Ein Werbe-Popup mit Gewinnspiel übernimmt die Seite still und leise.
jsPDF erzeugt PDFs, z.B. für Tickets, Angebote, Präsentationen, Stundenpläne und Anmeldebestätigungen. Die Javascript-Library wird in den Seitenkopf eingebunden und schon kann ein PDF erzeugt und vom Benutzer heruntergeladen werden.
Der Auszug – die Zusammenfassung oder Excerpt zum Beitrag – liegt bei den meisten Themes per se verdeckt unter Ansicht anpassen und fristet dort ein Mauerblümchendasein. Dabei ist er das starke Signal in Übersichtsseiten und gibt oft auch die Meta Description her.
Ein Image Sprite setzt mehrere kleine Bilder in eine Bildatei. So lädt der Browser mit einem HTTP-Request ein einziges Bild anstelle vieler kleiner Bilder mit vielen HTTP-Requests, um Bandbreite zu sparen. CSS Image Sprites 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 der HTML-Quelltext mit inline-SVG schneller aufgeht als 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.
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. Das WordPress-Team hatte den SVG-Upload schon in WordPress 4.7.1 »aus Sicherheitsgründen« unterbunden und auch Wordpress 5 bleibt dabei.
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.
