Für die Handvoll tapferer Mathematiker, die sich an Formeln mit MathML oder Latex 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. Früher wurden Bilder so klein wie Briefmarken in die Webseite gesetzt, um die Ladezeiten kurz zu halten.
Javascript FormData
Spart das Navigieren durch die Eingabefelder und Zusammenstellen eines Post-Requests / JSON-Objekts.
Javascript für CSS-Animationen
Animation starten, wenn sie in den Viewport kommt
-
CSS display: grid
Grid verteilt Elemente anhand eines Tabellen-ähnlichen Rasters.
-
CSS display:flex
Designierter Nachfolger für float – nomen est omen.
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.
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.
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.
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?
Bislang galt, dass Javascript nicht auf Pseudo-Elemente wie ::before und ::after zugreifen kann, weil sie nicht im DOM liegen. Javascript querySelector hat eine Lösung.
Webfonts lassen sich auf die Zeichen reduzieren, die tatsächlich benötigt werden, und dann wie Bilder als Base64 codieren.