In this tutorial we’re going to cover all the fundamentals of coding SVGs by hand. You’ll learn how to hand code SVG through practice, creating six simple...

In this tutorial we’ll be getting into the season’s cheer by creating an SVG Christmas tree illustration in Affinity Designer.

Bitmap images like JPEGs, GIFs, and PNGs all look awful when you scale them up, so if you want to maintain quality at large dimensions you have to increase...

With motion on the rise amongst web developers so too are the tools that help to streamline its creation. Haiku is a stand-alone application available to Mac...

In today’s quick tip I’m going to show you how to morph one SVG shape into another using a service called “Shape Shifter” by Alex Lockwood.

Scalable vector graphics (SVG) need no introduction for web designers. They scale up and down crisply, play nicely with animations, they’re a powerful format...

In this tutorial, the second in a two part series, we’ll be taking the awesome vector-based illustration produced in How to Create a Long Scrolling...

In this article, I’ll run through the steps involved in learning animation for the web, from what it’s all about, though straightforward transitions, more...

Time for another CodePen Challenge! With Halloween just around the corner, we’d like you to get creative with some spooky SVG. You have three characters to...

SVG technology has been around for years, but it has only recently started gaining wide usage. In this course, you'll learn how to combine multiple scalable...

In the previous tutorial we animated an SVG signature using CSS. It’s a great effect, making it appear as though the words are being written right there on...

Animating the stroke of an SVG is perfect for simulating handwriting. Over the course of two tutorials we’re going to use CSS animation to make a signature...