Archive for the JQuery Category

Create Snook-Style Navigation Using MooTools - Posted 2010年06月26日

Jonathan Snook debuted a great tutorial last September detailing how you can use an image and a few jQuery techniques to create a slick mouseover effect. I revisited his article and ported its two most impressive effects to MooTools.

View Demo

The Images

[Read More…]


Greyscale Hover Effect w/ CSS & jQuery - Posted 2009年12月26日

A few months ago, James Padolsey introduced a cool greyscale technique for non-IE browsers. His technique inspired me to come up with a workaround with a similar effect.

My solution relies on CSS Sprites and a few lines of jQuery, but requires a bit of preparation before it can be implemented. It is not recommended for large scale projects and probably best for displaying portfolio pieces.

[Read More…]


jQuery.popeye – an inline lightbox alternative - Posted

Writing the history of single-page image galleries on the web, one could start like this:

In the beginning, there was nothing. And the Developer said: “Let there be pop-ups!” And the Users saw that pop-ups were bad…

[Read More…]


Simple Page Peel Effect with jQuery & CSS - Posted

You have probably seen these forms of advertisings where you can peel a corner of a website and see a message underneath. It seems most are flash driven, but I decided to try it out using some simple lines of jQuery.

[Read More…]


Nice List of Open Source Fish Eye Menu - Posted 2009年12月25日

We love Mac, we love Fish Eye Menu. The idea behind a fisheye control is a strip of icons, being vertical or horizontally laid out that reacts to the user’s mouse as it approaches the icon. Here is a list of Nice Fish Eye Menu for you to dowload and use it in your web application.

CSS Dock Menu

[Read More…]