WordPress Auszug über dem Editor

WordPress Excerpt oder Auszug über dem Editor

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.

Responsive Image Sprites

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.

Use SVG Use

SVG use: Elemente kopieren und duplizieren und beliebig platzieren

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 wie ein Hefekloß.

SVG Path-Animation: Lineart mit CSS

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.

http-equiv=“X-UA-Compatible“?

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.

Gleich mittenrein

MathJax – neue Heimat

MathJax für MathML – Formeln auf grüner Tafel

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

SVG Animationen mit SMIL: Delphin kreist vor der untergehenden Sonne

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 4.7.2

WordPress 4.7.1 SVG Upload

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.

Infografik: Fotos und Grafik optimieren

JPEG für Webseiten optimieren

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: 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

Domain-Umzug auf einen anderen 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.