MathJax – neue Heimat

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.

SVG-SMIL-Animationen in Chrome

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.

SVG-Upload in WordPress 5

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. Erst Wordpress 5 erlaubt den Upload von SVG-Dateien (mit XML-Direktive).

Infografik: Fotos und Grafik optimieren

Fotos und Grafiken werden immer für das Internet optimiert. Wir wollen Fotos und Grafik groß und brillant und die Dateigröße trotzdem klein halten.

CSS offset-path: Animation entlang eines Pfades

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.

Domain-Umzug: Warten auf die DNS-Server

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.

Gleich mittenrein

Icons für option-Tag

Viele Formular-Elemente widersetzen sich hartnäckig allen Annäherungen seitens CSS – sehen wir mal von border-radius und font-size für Eingabefelder vom vom Typ Text ab.

Mehr Sicherheit für WordPress mit einfachen Mitteln

Kein anderes Content Management System wird so intensiv angegriffen wie WordPress. Das liegt nicht an Mängeln des WordPress-Kerns selbst, sondern in erster Linie natürlich an der gewaltigen Verbreitung von WordPress und nicht zuletzt an den nicht immer genauso sicheren Plugins und Themes.

SVG SMIL Animationen

Eigentlich wären SVG SMIL-Animationen ein perfekter Nachfolger für die animierten GIFs und fast vergessenen Flash-Animationen. Sie brauchen kein Beiwerk, kein Javascript, kein CSS. Alles in einer Datei.

Ladezeit: SVG optimieren für die Webseite

SVG-Grafiken aus Inkscape und Adobe Illustrator sind vollgepackt mit Attributen, die für die Anzeige in Webseiten nicht gebraucht werden und die Ladezeit verlängern. Wie läßt sich SVG optimieren?

Pseudo-Elemente mit querySelector

Pseudo-Elemente wie ::before und ::after ersparen zusätzliche HTML-Elemente, aber früher galt, dass Javascript nicht auf Pseudo-Elemente wie ::before und ::after zugreifen kann, weil sie nicht im DOM liegen. Javascript querySelector und getComputedStyle bilden zusammen eine Lösung.

Font per base64 in CSS einbetten

Webfonts lassen sich auf die Zeichen reduzieren, die tatsächlich benötigt werden, und dann wie Bilder als Base64 codieren. Dabei entsteht eine Zeichenkette, die direkt in die @font-face-Regel eingesetzt wird.