Hello, I’m Joni

an excitable brand strategist

SVG Pocket Guide Kickstarter Wrap Up

18 September 2014

My very first Kickstarter project recently wrapped up and I seem to get a lot of questions on the experience, so I thought I should write a post and share the joys and terrors of it all, as there were several of each.

Animating SVG text On A Path

28 July 2014

IMPORTANT NOTE: Since this post was published SMIL animations have been deprecated and the animated demo will no longer work. I decided to leave it up though as the text along a path bit is still relevant.

A Look at SVG text

14 July 2014

The <text> element defines a graphic consisting of text. Writing and editing <text> in SVG provides a very powerful ability to create scalable text as graphics that can be easily changed and edited within the SVG code.

Using SVG stroke Attributes

01 July 2014

Using SVG inline provides total access to the graphic for complete customization and control over its output. This is especially handy when creating shapes by hand in the browser, or making edits to an existing graphic.

A Look At SVG viewBox and viewport

17 June 2014

In using the <svg> element we are establishing a fragment consisting of nested details in our document. This fragment has its own viewport and coordinate system which can seem very complex and intimidating when first getting started.