Some things are more complex/fancy than useful. Consider the Star Wars Crawl, The Matrix, or a 3D cube. These are often proof’s of concept/fun projects that see what can be done. Of course, soon we’ll see clients who want to have their websites scroll vertically automatically like the matrix, or into a distance like with…
Because elements in HTML can be positioned using CSS, we can animate them, by changing the position, size, opacity, etc. Just like jQuery allows us to show or hide an element, fade them in and out, or even slide elements, it can allow them to animate with a method. There are two main parameters which…
In addition to hiding and reveling HTML elements, jQuery allows you to move elements around on the screen, over a given duration. Vertically Appearing / Disappearing Movements jQuery provides two commonly used methods to vertically add/remove an HTML element. .slideUp() and .slideDown(). .slideUp() will cause an element to remove itself from view, but sliding up…
Using the show/hide methods of jQuery are an easy and simple “animate” elements and appearing. This is beneficial when you want to expand options when a user selects a certain part on a form, or for accordion controls. However, the show/hide methods are instantaneous. Sometimes it is nice to move them in/out with an animation…
Animation is the change of objects through time. The change can include movement across the stage (or onto and/or off the stage), rotation, a change in the color or transparency, or a 3D move as well. The timing of the Flash animation is done though a series of frames. Each frame is a fraction of…
Animation, whether it be in film, hand draw, computer, or web based, all use some of the same principles. While we will focus on the web, the animation basics ring true regardless of when it is shown. Animation is actually a series of still images which are displayed rapidly. If enough images are shown in…
