HTML5 Animation Guides and Tips

We write tutorials, guides and tips about HTML5 interactive animations.

Drawing Vector Graphics

Apart from many predefined shapes, Saola Animate lets you draw your own lightweight vector graphics. You can draw lines, curves, shapes, or mimic hand-drawings using different freeform drawing tools.

read more

Using Timeline Triggers

Besides event actions, timeline triggers are a simple way to add interactivity to your Saola Animate document. In this tutorial, you’ll learn to use timeline triggers to control how the animation plays.

read more

Responsive Layout Basics

Responsive layout lets animations restyle to fit the device orientation and size changes. In this tutorial, you’ll learn the basics of responsive layout in Saola Animate.

Using Google Fonts

Hundreds of beautiful Google fonts are now available in Saola Animate. This tutorial shows you how to use Google fonts in your document.

Keyframe Animation Using Auto-Keyframe Mode

Keyframes play a key role in building HTML5 animation. This tutorial explains the Auto-Keyframe mode – an automatic keyframing feature letting you generate keyframes in a flash.

Creating HTML5 Animation

It’s simple to create HTML5 animation and interactive web content with Saola Animate. The software provides a powerful set of animation features that ease the animation task. At the same time, it lets you do the most common interactivity without coding.

Creating Sprite Sheet Animation

In this tutorial, we’ll talk about what sprite sheet animation is and how to create it in Saola Animate – a powerful yet simple HTML5 animation tool.

Unleash your creativity & imagination with Saola Animate now!

Free Trial

30 Day Free Trial

Yearly Subscription

$49 / year

Perpetual License

$59