Posts
Animations to Take Your Basic HTML Template to the Next Level
Animations can lift your website presentation to the next level. The right animation will have a positive impact on your site’s UX, reinforcing each interaction and creating a memorable experience. On the other hand, poorly chosen animation can ruin the experience, confuse users, and potentially dampen performance too. In this article I will share with you some practical animation examples and techniques to make your basic HTML web page shine like a star. Categorizing Animations To make it easier to work with animation, I first like to classify and organize the different facets. Each animation will have five parameters, with a range of potential values: Type : single, group, related Sequence : sequential, random, simultaneous Event : load, scroll, click, hover, resize, etc. Size : small, medium, large Repeat : no-repeat, repeat Note : this is not a W3C standard, this is my personal system to keep things clear. Keeping these parameters in mind will help us make better animat