Hello, I’m Joni

an excitable brand strategist

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.

CSS Animation Delays

25 March 2014

I recently had to use multiple CSS animation delays and wanted to create a quick demo to, you know, demonstrate.

Problems with CSS Triangles

19 March 2014

I have been using CSS triangles a lot lately in drawings. While they are genius and I love them, they can also be annoying and inflexible. I figured out how to make them slightly less annoying and thought I should shout it from the rooftops.

Animated Twitter Button

05 March 2014

For the most part, social media buttons and color change on hover go hand in hand. This gets the job done, but the possibilities with these things are literally endless. For this demo we will get pretty scandalous and push CSS beyond a basic color change for a Twitter button. Let’s take a look at the animation involved with a hinged button effect.