CSS Sprites2 – It’s JavaScript Time

Dave Shea wrote about using CSS sprites, and by coupling it with jQuery, to produce an excellent dropdown effect. In the past, websites that can interact dynamically with the visitor’s cursor are usually flash-based websites, while only HTML based websites offering a very limited version of such interaction. Even till now, by using CSS, what designers usually achieve will be the mundane hover effect by using the “:hover” pseudoclass.

However, with advancement and availability of various Javascript libraries, driven by both the designers’ and visitors’ thrist for more interactive and ‘lively’ pages, it is now possible to actually allow elements to interact dynamically with cursors by completely side-stepping the flash-based way. Thanks to jQuery and some CSS declarations, an interactive menu is not as unachievable as thought before.

So Dave decided to write a really thorough and detailed tutorial on how to get this done – starting from setting up or importing a Google hosted jQuery library, as well as the basic (X)HTML and CSS codes required for the menu to work.

Burn after reading » Now you're done reading. What's next?

Terry Mun (Teddy)

I'm relatively new to the design world - only to start learning HTML in secondary school and then moving on to (X)HTML and CSS in college. Since then I have been hand-coding my designs using notepad, alongside with the amazing help from Firebug. I embrace photography as a personal persuit during my free time, and I prefer spending the rest of it doing meaningless quizzes on Facebook and destroying the world (in Rampage World Tour, that is).

Metadata

Posted in Bookmarked, on January 17, 2009 at 9:28 pm \ Leave a trackback

There are no comments at the moment.

Looks like there isn't a single comment here yet. Be the first!

Leave a Response » Share your thoughts or Return to top

Name *

Your name is required. Why?

So that I can address you personally (which I'm more than happy to do).
Everyone loves their name to be called, right? Nobody wants to be referred to as 'a certain someone' or Mr X (X-Men members aside).
If your post too much spam, your name will be imprinted on a personalised voodoo doll, completely free of charge. I'm just joking!

Email *

Your email is needed. Why?

Your email is, and will, never be given out to any third party under any conditions (except for people sneaking up behind me when I'm on WP admin).
So that I can contact you personally in case of certain issues that I wish to address personally.
If you post too much spam, I'll email the same spam you've posted 10 times back to you, completely free of charge.

Website

You can always leave a personal URL behind

It can be anything - most people put their blog URL, their facebook page, their Twitter URL, their MySpace or etc.
I give love back by saying NO to no-follow. All of your webbie links are dofollows instead.

Twitter ID (What?) http://twitter.com/

Twitter. Twitter. Twitter.

What is Twitter?: Twitter is a social networking and micro-blogging service that enables its users to send and read other users' updates known as tweets. Tweets are text-based posts of up to 140 bytes in length.
What is my Twitter ID?: To get a Twitter ID, you simply have to sign up for an account at Twitter.com. Your ID will be in the format of your profile's URL - http://twitter.com/[userid].

Comment (Notes)

Comment notes

Gravatar: You can register for one at Gravatar.com
XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">
Codes: Wrap them up with <code></code> tags.

Authenticate this comment using OpenID.

CSS Sprites2 – It’s JavaScript Time