Zum Inhalt springen Skip to navigation

Webrocker Blog

Archiv für "svg"

Bloggebastelbudenupdate

Screenshot der Headerillustration mit Gitarrensaiten und Bünden

Die letzten Tage waren etwas ruhiger hier, und die saftige Erkältung, die ich mir beim vorweihnachtlichen Auftritt im Regen geholt hatte, ist auch so weit abgeklungen, dass ich wieder einigermaßen klar denken kann und will. Daher habe ich mich einer Sache angenommen, die ich bestimmt schon seit drölf Jahren immer mal wieder wissen wollte, es…


Post thumbnail fallbacks in SVG with generated colors based on categories

Link to post Post thumbnail fallbacks in SVG with generated colors based on categories

Today I made a litte rainy sunday afternoon excercise for this site: A SVG fallback image for the list/archives pages, if no post-thumbnail image is defined. I had a generic fallback image - a greyscale version of the header graphic with the guitar strings - for a while now, but this was a bit boring.…


Mutable Gallery

Jagged, seemingly hand-drawn scrawls become more complex and tightly knotted moving down the canvas until they begin to form distinct, enumerable ball shapes

This is a generated image, courtesy of Heydon's project, "Mutable Gallery" - a collection of generative art, rendered in SVG, in your browser. I love it.


I made a thing: Cistercian Numerals Calendar

Recently I discovered the Cistercian Numerals. There were a couple of tweets over the last days that showed the ciphers. I never had heard about this numbering system, but immediatly it grabbed my attention, because it was so simple, but the result looks very interesting. Since there are only a few rules that distinguish the…


Making Future Interfaces: Inline SVG – Heydon Pickering

Link to post Making Future Interfaces: Inline SVG – Heydon Pickering

youtube direct svg


Weihnachtszeit, Dekozeit

Link to post Weihnachtszeit, Dekozeit

Hohoho. Ich habe mir gestern und heute endlich mal wieder Zeit für die Renovierung der Bloghütte hier nehmen können und als Resultat gibt es nun, frisch von der Webdeveloperquengelwarenauslage: Die Webrocker-Headergrafik ist nun mit SVG realisiert und die Hauptnavigation habe ich von float auf Flexbox umgebaut. Ha! Warum, fragt sich der werte Blogbesucher, sieht doch…


Chris Coyier - SVG Is For Everybody @ Beyond Tellerrand, 2014

Link to post Chris Coyier - SVG Is For Everybody @ Beyond Tellerrand, 2014

Das hier ist einer der Vorträge der diesjährigen BeyondTellerrand Konferenz, der dieses "Wow, das will ich auch und sofort in meine Projekte einbauen" Gefühl hinterlassen hat: Chris Coyier – SVG Is For Everybody – beyond tellerrad Düsseldorf 2014 from beyond tellerrand on Vimeo. Das SVG (Scalable Vector Graphics) Format gibt es schon eeeewig, aber erst…