HTML5 Animation Guides and Tips

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

Saola Animate: A Guide for Beginners

Saola Animate is the ultimate HTML5 animation software for building interactive, media-rich web content. Using an integrated visual interface, the software allows you to bring your content to life with ease. Let’s get to know Saola Animate now!

read more

Using Flexible Layout

Flexible layout uses relative units and different types of positioning to adapt the document content to the browser window size. This tutorial shows you how to use flexible layout to relatively position and resize elements.

read more

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.

read more

Using Multiple Timelines

A single scene in Saola Animate can have more than one timeline to easily organize and control complex animations. This tutorial will show you how to use multiple timelines and control timeline playback.

read more

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

Creating Timeline Labels

Timeline labels mark important points on the timeline. They serve as bookmarks to which you can refer later. This tutorial shows you how to create and use timeline labels.

Easily Creating Preloader (Loading Screen) in HTML5

Already built delightful HTML5 animation but now getting concerned about your page load time? An elegant animated preloader (also a loading screen) is what you need to brighten up the seconds of waiting.

Grouping Elements

Grouping multiple elements into a single one allows you to streamline your editing and speed up your work. Learn how to group elements and work with group in Saola Animate in this tutorial.

Adding Audio to HTML5 Animation

Saola Animate supports the HTML5 audio element, enabling native audio playback within the browser. In this tutorial, we’ll learn the ways to add audio to HTML5 animation.

Choosing and Animating Color

Saola Animate allows you to discover beautiful colors and harmonies with the color picker. It is also possible to create color animation.

Unleash your creativity & imagination with Saola Animate now!

Free Trial

30 Day Free Trial

Yearly Subscription

$49 / year

Perpetual License

$59