Creating a typewriter effect
Animations are in the heart of the modern web. Creating smooth and engaging animations uplift every design. In this lecture we will learn how to create a very simple and cool animation: a type writing effect. We will do it on our main text title.
Keynotes:
- Updating text with jQuery.
- Timing an animation.
- Avoiding global variables.
Dynamic visualization with JavaScript and jQuery
In this lecture we will test to see the time of day and based on it change our CSS to create a darker or lighter background based on if its day time or night.
09:51
Creating a typewriter effect
In this lecture we will learn how to create a very simple and cool animation: a type writing effect. We will do it on our main text title.
07:51
Animations need order - creating a Que
In this lecture we will start converting our structure to enable us to que content. We will create the basic structure needing to complete this task in the next lecture.
06:42
Creating a callback and activating the Que
In the last lecture we started to store animations that where not ready yet to trigger. In this lecture we continue down that path by going into our current animation logic and asking it to update us
06:50
Using an Animation library
In this lecture we will learn the foundations of good animation and see it in action using the jQuery library animations.
08:27