Hello, I’m Joni

I design brands.

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.

Animated Inline SVG Icons

08 May 2014

I recently did some experimenting with animating inline SVG icons and wanted to quickly review my process and the joys and frustrations I ran into.

Switch Activated CSS Animations

07 April 2014

I created two demos to show how animations can be activated via switch. One demo animates an “Airplane Mode” experience and the other contains a series of street lamps that will turn on. So let’s take a look.