Tutorials & Tips about Screencasting, HTML5 animation creation & Rapid eLearning authoring

We write tutorials, guides and tips about screencasting, video editing, rapid HTML5 elearning authoring and HTML5 animation creation.


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.

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.

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.

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.

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.

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.