Playground

The Playground features web experiments, concepts, and layouts that push the boundaries of traditional design and showcase the latest in animation techniques.

API

CSS Mania jQuery Plugin

by

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 […]

+ more
heat map

A jQuery Heat Map

by

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 […]

+ more
snippet

Some Useful JavaScript & jQuery Snippets – Part 4

by

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> <title>title1</title> […]

+ more
snippet

Some Useful JavaScript & jQuery Snippets – Part 3

by

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’ […]

+ more
snippet

Some Useful JavaScript & jQuery Snippets – Part 2

by

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){ //cookies are […]

+ more