Playground

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

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

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

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

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

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

jBookMark: A jQuery Marking Tool

by

Ever missed the bookmarking option of a good editor in a web site? This jQuery plugin does exactly that: if you want your website visitors to be able to toggle […]