HTML5 Animation Guides and Tips

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

Using Symbols to Reuse Animations

Animation symbol is a powerful resource you often use when creating animations. It allows you to easily reuse elements, timelines, animations, etc. This tutorial describes the steps to create and use animation symbols in Saola Animate.

read more

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

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!

Using Motion Paths in Animations

Saola Animate brings your website to life with HTML5 animation and interactive web content. Today’s tutorial describes how to create motion paths to mimic real-life motions, giving objects the illusion of life.

Creating New Projects

Saola Animate makes it easy to create HTML5 animation for different screen sizes. When working with the application, the first thing to do is creating a new project. Then, you’ll import content, create animations, add interactivity, and finally export the project to HTML5. In this tutorial, you’ll learn the first step: creating a new project.

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.

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.

Unleash your creativity & imagination with Saola Animate now!

Free Trial

30 Day Free Trial

Yearly Subscription

$49 / year

Perpetual License

$59