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.
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.
Creating eLearning Games 06: Race to the Treasure
Race to the Treasure has been known as one of the popular games that many people love. Today, we’ll go through the detailed procedure to create this eLearning game with all-in-one screen recorder, video editor and eLearning authoring software – ActivePresenter 7.
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.
Creating Manufacturing Operations Manual: How Pencils Are Made?
The operations manual can be a great source of learning materials for learners to grasp a procedure. Therefore, they can understand how a product is made without actually practicing it, which may be too expensive or time-consuming. This article will show you how to create an operations manual of the pencil making, with just one tool – ActivePresenter 7.
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 video to HTML5 animation.
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.
Using Google Fonts
Hundreds of beautiful Google fonts are now available in Saola Animate. This tutorial shows you how to use Google fonts in your document.
Building HTML5 Animation with Responsive Layout
Saola Animate offers more than one approach to design for multiple screen sizes. Out of which, responsive layout is the best solution to the optimal viewing experience. Using responsive layout, you create multiple different layouts for a single document, thus letting it function well at any possible screen size.
Creating Sprite Sheet Animation
In this tutorial, we’ll talk about what sprite sheet animation is and how to create it in Saola Animate – a powerful yet simple HTML5 animation tool.