Neat Photo Hover Effect with CSS Sprites and jQueryFebruary 22, 2010

Neat Photo Hover Effect with CSS Sprites and jQuery

Here is a very nice effect for photos or some black and white images. We are using some CSS sprites for the photos to create a darken effect when hovering over the images. This could also be used with other effects. The basic principle is to create the impression that the background gets darker

read more

CSS Mania jQuery PluginFebruary 11, 2010

CSS Mania jQuery Plugin

Here is a jQuery plugin that makes use of the CSS Mania API. CSS Mania is a well known website showcase site where designs can be submitted and rated. A lot of information about each website is provided like the color scheme, the developer of the website, the creation date and many more. The API

read more

A jQuery Heat MapFebruary 8, 2010

A jQuery Heat Map

Here is a very simple way ho to create a heat map with jQuery. The idea is to track the clicks of a user and then display the click pattern with semi-transparent dots on an overlay. You can try out the demo by first clicking around on the page and then clicking "Analyze". Since the dots are semi

read more

Some Useful JavaScript & jQuery Snippets – Part 4January 11, 2010

Some Useful JavaScript & jQuery Snippets - Part 4

How to get client ip address with jQuery $.getJSON("http://jsonip.appspot.com?callback=?",function(data){ alert( "Your ip: " + data.ip); }); How to parse XML with jQuery file.xml: <?xml version="1.0" ?> <result> <item> <id>1</id> &l

read more

Some Useful JavaScript & jQuery Snippets – Part 3January 8, 2010

Some Useful JavaScript & jQuery Snippets - Part 3

How to hide all children div except a specific one with jQuery? $('#target div:not(#exclude)').hide(); //or $('#target').children().filter(':not(#exclude)').hide(); Detecting when a div’s height changes using jQuery $('element').bind('resize', function(){ alert( 'Height changed to' + $(t

read more

Some Useful JavaScript & jQuery Snippets – Part 2January 7, 2010

Some Useful JavaScript & jQuery Snippets - Part 2

Check if cookies are enabled $(document).ready(function() { var dt = new Date(); dt.setSeconds(dt.getSeconds() + 60); document.cookie = "cookietest=1; expires=" + dt.toGMTString(); var cookiesEnabled = document.cookie.indexOf("cookietest=") != -1; if(!cookiesEnabled){

read more

Pause and Play Effect with jQueryJanuary 7, 2010

Pause and Play Effect with jQuery

Here's an effect based on the one used in fml to stop and pause an event. The idea is that when we click on the play/pause button or press the space button, an image (play or pause) appears and fades out. This effect is done using jQuery, which we use to animate the image enlarging and fading ou

read more