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

Previewing HTML5 Animation

Animating in Saola Animate, you can always preview how your animation looks and functions when it’s live. In this tutorial, you’ll learn to preview animation.

Building HTML5 Animation with Responsive Layout

Saola Animate offers more than one approach to design for multiple screen sizes. Out of which, responsive layout is the best solution to the optimal viewing experience. Using responsive layout, you create multiple different layouts for a single document, thus letting it function well at any possible screen size.

Playing HTML5 Video and Audio

There is more than one way to play HTML5 video and audio. In Saola Animate, you can easily control video and audio playback either manually or automatically.

Adding Text and Creating Text Animation

Saola Animate allows you to create gorgeous text to make your design look attractive. You can also create amazing text animation to present your text.

Customizing the Workspace

This tutorial shows you how to customize the workspace to keep only the tools and panes you need the way you want. It also presents the way to create custom keyboard shortcuts.

Unleash your creativity & imagination with Saola Animate now!

Free Trial

30 Day Free Trial

Yearly Subscription

$49 / year

Perpetual License

$59