So now instead of thinking about CSS as page layout and a way to style your page when it loads, you can use in animation and change it on-the-fly to react to events that happen on your page. Take for example a menu. You can take the “click” event that happens when clicking on a menu to do lots of stuff.
How to Load In and Animate Content with jQuery
How to Load In and Animate Content with jQuery
November 9th, 2009
2 Comments
In this tutorial we will be taking your average everyday website and enhancing it with jQuery. We will be adding ajax functionality so that the content loads into the relevant container instead of the user having to navigate to another page. We will also be integrating some awesome animation effects.
Animated Drop Down Menu with jQuery
Animated Drop Down Menu with jQuery
November 9th, 2009
No Comments
Create a Cool Animated Navigation with CSS and jQuery
Create a Cool Animated Navigation with CSS and jQuery
November 9th, 2009
No Comments
Animation and visual feedback are great ways to assist a user in navigating and interacting with a website. While traditionally Adobe’s Flash was the goto for anything animated, these days with the magic of javascript we can avoid Flash altogether. Today we’re going to build a really cool animated navigation menu using just CSS and jQuery.
Animated Menus Using jQuery
Animated Menus Using jQuery
November 9th, 2009
No Comments
I recently stumbled upon Dragon Interactive (dragoninteractive.com). It’s a pretty well designed site. However, the pièce de résistance is their rather cool animated menu. Now… had this been designed in Adobe Flash, I wouldn’t had paid much attention. A closer inspection revealed that the menu is plain XHTML, CSS and Javascript. Today, I’m going to show you how to create an animated menu (very similar to Dragon Interactive’s menu).
Animated Menus Using jQuery
Using jQuery for Background Image Animations
Using jQuery for Background Image Animations
November 9th, 2009
No Comments
After reading Dave Shea’s article on CSS Sprites using jQuery to produce animation effects, I felt like playing around with things to see what could be done but accomplish it with a simpler HTML structure (no need for adding superfluous tags) and simpler code, too.
Learning jQuery: Revealing Photo Slider
Learning jQuery: Revealing Photo Slider
November 9th, 2009
No Comments
So in my journey to to learn jQuery, I’m trying to learn to do some things that CSS can already do but that jQuery can do “sexier”. Jonathan Snook has an article up “Content Overlay with CSS” in which extra content is revealed in a certain area when it is moused over. This inspired me to try to do something similar with jQuery. My first thought was a thumbnail photo gallery, where clicking a button would reveal the entire photo and more information about that photo. Here is the result:
Learning jQuery: Revealing Photo Slider
Build An Incredible Login Form With jQuery
Build An Incredible Login Form With jQuery
November 9th, 2009
No Comments
One struggle that still remains today in web design is displaying all of the redundant information on every page. For example, a login form. What if there was a way to easily make the content accessible on every page, but keep it hidden until needed? Well you can, by making a top panel that when clicked, will reveal its self and its content. But we need to make this look nice, so we’ll also animate it.
Build An Incredible Login Form With jQuery
CSS Sprites2 – It’s JavaScript Time
CSS Sprites2 – It’s JavaScript Time
November 9th, 2009
No Comments
A sense of movement is often the differentiator between Flash-heavy web sites and standards-based sites. Flash interfaces have always seemed more alive—responding to the user’s interactions in a dynamic way that standards-based web sites haven’t been able to replicate.
CSS Sprites2 - It’s JavaScript Time
