Eigentlich habe ich gerade wenig Zeit für so einen Jahresende-Beitrag, denn ich bin im totalen Aufräum- und Putzfieber: Ich will die Bude zum Jahreswechsel endlich wieder besuchsfähig haben. Und da wären wir auch schon bei meiner Krux von 2018: Ich habe (oder vielmehr hatte) ein bisschen die Kontrolle über mein Leben verloren. Auf den ersten Blick, nach außen hin, sah das für viele sicher nicht so aus, aber seit meiner Kündigung bei weg.de war dieses Jahr für mich ausgesprochen chaotisch und wirr.

Weiterlesen …

Gestern waren Julia, Udo, Raffaela und ich beim so genannten Haldenzauber in Hückelhoven. Auf der 70 Meter hohen Millicher Halde gibt es dort noch bis zum 6. Januar einen Parcours aus Lichtinstallationen, kunstvollen Objekten, interaktiven Figuren und musik-synchronen Inszenierungen.

Weiterlesen …

Nachdem ich vor einigen Tagen schon von einem Icon-Font zu SVG-Icons gewechselt bin, um das Rendering ein wenig zu beschleunigen, habe ich mir heute morgen noch ein kleines Gimmick zurecht gebastelt.

Das Uhr-Icon gibt nun die Uhrzeit des Posts wieder. Vorher war es lediglich ein statisches Vier-Uhr-Icon:

Dank SVG Transforms lassen sich die Pfade für die Zeiger aber wunderbar drehen, so kann ich z.B. jetzt 18:06 Uhr darstellen:

Den Stundenzeiger rotiere ich dabei jeweils um 30° (360° / 12), den Minutenzeiger jeweils um 6° (360° / 60):

<svg version="1.1" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
  <title>18:06 Uhr</title>
  <circle cx="6" cy="6" r="5.425" stroke="black" stroke-width="1.15" fill="none"/>
  <line x1="6" y1="6" x2="6" y2="4" stroke="black" stroke-linecap="round" stroke-width="1.35" transform="rotate(180 6 6)"/>
  <line x1="6" y1="6" x2="6" y2="2.5" stroke="black" stroke-linecap="round" stroke-width="1.35" transform="rotate(36 6 6)"/>
</svg>