CSS only "Coding" Loading Animation - Step By Step Tutorial

How to guide - CSS and SVG "coding" animation built with Sketch, and no Javascript!

CSS only "coding" animation

I promised, I delivered (eventually). I shared my SVG coding loading animation a month or two ago on reddit's /r/webdev, and it went down fairly well. In my original post about how I built that animation, I talk about how support for SVG animations is being deprecated

An animated SVG loader for mydevportfol.io | step by step how-to guide

In this post, I’ll show you how I went about coding an animated SVG (Scalable Vector Graphic) to convey to users of my web application mydevportfol.io that code is being written/generated for them while the app loads. I’ve really liked SVG icons for a while, and

How to convert animated SVG to GIF

Recently I've been having some fun creating animated SVG icons to use as loading "spinners" for my side projects. My most recent one was a "coding" animation for my side project mydevportfol.io, a tool to help developers and programmers build awesome portfolios from

Designing with Sketch 3 and fun with animated SVG's

I’ve been a student of TeamTreehouse for quite a while now. I cannot speak highly enough of how polished and refined their courses feel and how much I’ve learned over the past year. So when they launched their course for Sketch 3, I paid attention. I hadn’t