SVGs – Look Ma, No bitmaps

Looking to learn a bit more about SVGs, changing them on-the-fly and simple animations.

Currently, the whole SVG file is rotating once a minute, but I’m looking to only have the letters rotate. Guess it has to do with relative positioning? Still not figured this one out.

Anyway – another experiment below, using the raw SVG-text inline. One of the Grumpy Toads by Matsumoto Hoji, part of his Meika Gafu series.

One of the Grumpy Toads by Matsumoto Hoji, part of his Meika Gafu series. A minimalistic shape of a toad, looking very grumpy. A traditional red signature is stamped in the upper left corner.

A bunch more below – amazing that we can do this with plain-text source and have it render correctly in the browsers.

Art of Noise

The fight continues…

A reference to the sweetest love song of the 1980s, Clouds Across the Moon, and Blade Runner.

Queen or Lady? You decide.

We miss you, Frank!

Louis was one of the funkiest bass-players ever.

Probably the best Swiss band ever. Boris Blank and Dieter Meyer in Yello.

Mr. James Brown!

The Purple One

Alice in Wonderland

On of my favourite Thomas Dolby tracks.

A little padding got me some space around the SVG inside the DIV.