Using the Timeline Pane

The Timeline pane is where you devote most of your time to building HTML5 animation. Thus, it’s a must to master the timeline. This tutorial covers: Navigating the Timeline Snapping in Timeline Zooming Timeline In and Out Managing Timeline View Showing, Hiding, and...

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. This tutorial covers: Creating Motion Paths Editing...

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. This tutorial covers: What is a Preloader? Customizing the...

Levelling Up HTML5 Animation with Easing

Easing functions (also timing functions) can bring a huge effect on the feel of change. In this tutorial, you’ll learn about easing functions in Saola Animate. This tutorial covers: What is Easing Function? Customizing Easing Timing Functions in Saola Animate What is...

Adding Videos to HTML5 Animation

Using the HTML5 video element, adding videos to your page is as simple as adding images with no third-party plug-ins or player applications. Today’s tutorial will show you how to add videos to HTML5 animation. This tutorial covers: Adding Videos Playback Options...

Moving, Copying, and Removing Animation Keyframes

Animation keyframes play a crucial role in creating HTML5 animation in Saola Animate. In the previous tutorial, you’ve learned how to create animation keyframes. This tutorial will show you how to move, copy, and remove animation keyframes. This tutorial covers:...