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

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.

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.

Once your animation is complete, you’ll want to export it for final delivery. This tutorial presents how to export animation to HTML5 in Saola Animate.

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.

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.

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.

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.

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.

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.