Latest Tweets Tooltip with jQuery
By cody on
If you have a news website, it might be interesting for you to allow your users to see the latests tweets about a topic. Here is a jQuery plugin for showing the late ...
Playground
In this category you will find experiments, plugins and articles related to web development and programming. Here we present some new ideas and inspiration for solving problems and tackling challenges around web development.
UI Elements: Search Box with Filter and Large Drop Down Menu
By Mary Lou on
Today we will show you some more UI elements: a search box with a filter and a large drop down menu. We will use jQuery in both elements for the effect. We will also ...
Interactive Photo Desk with jQuery and CSS3
By Mary Lou on
In this little experiment we created an interactive photo desk that provides some “realistic” interaction possibilities for the ...
Multimedia Gallery for Images, Video and Audio
By Mary Lou on
This multimedia gallery for images, video and audio is a progression of our previous galleries. The idea for this new gallery is to integrat ...
UI Elements: Combo Box, Pop Out and Horizontal Slide Out Menu
By Mary Lou on
Today we will show you some useful and neat UI elements that are focused on selecting content. We will be using jQuery and some CSS3 properties for the style to give ...
Improved Micro Image Gallery: A jQuery Plugin
By cody on
Here’s an improved version of the Micro Image Gallery Plugin. I have added some features as suggested in the comments, specifically th ...
Micro Image Gallery: A jQuery Plugin
By cody on
There’s a new version here: In many blogs and news sites images are mostly included as an addition to the content. Space is often limi ...
Website Stripping Effect with jQuery
By Mary Lou on
Here is nice example of how to use the Sexy Curls jQuery Plugin by Elliott Kember. The idea is to show the original sketch of your website. This is done by dragging ...
PHP/MySQL Contact Form with jQuery
By chadking on
Here’s an implementation of a contact form with PHP and jQuery. Usually, one would only want the message posted by the user to be sent ...
Neat Photo Hover Effect with CSS Sprites and jQuery
By cody on
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 i ...
CSS Mania jQuery Plugin
By cody on
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 infor ...
A jQuery Heat Map
By cody on
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 dot ...
Awesome CSS3 & jQuery Slide Out Button
By Mary Lou on
Here is an awesome little slide out button. The inspiration for that button came from photoshop.com where Flash is used to create a nice slide out effect. This butto ...
Self-resizing Navigation Menu with jQuery
By Mary Lou on
Today I am going to share a nice CSS only (with some jQuery) navigation menu that adapts the size of its list items automatically. Sometimes ...
Some Useful JavaScript & jQuery Snippets – Part 4
By cody on
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 jQ ...
Find Your First Twitter Follower
By chadking on
This application aims to show you who your first follower was in twitter. It’s done with PHP and jQuery and of course it uses the twitter API. Two of the avail ...
Some Useful JavaScript & jQuery Snippets – Part 3
By cody on
How to hide all children div except a specific one with jQuery? $('#target div:not(#exclude)').hide(); //or $('#target').children().filter(':not(#exclude)').hide(); ...
Some Useful JavaScript & jQuery Snippets – Part 2
By cody on
Check if cookies are enabled $(document).ready(function() { var dt = new Date(); dt.setSeconds(dt.getSeconds() + 60); document.cookie = "cookietest=1; expires=" + dt ...
Pause and Play Effect with jQuery
By cody on
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 p ...
Some Useful JavaScript & jQuery Snippets
By cody on
How to refresh the src of an image with jQuery? $(imageobj).attr('src', $(imageobj) .attr('src') + '?' + Math.random() ); How to see if an image is loaded or not wit ...
Scrolling to the Top and Bottom with jQuery
By cody on
Here’s a way to scroll to the top or bottom of your website with a simple click. I have used the jQuery special scroll events from James Padolsey, and some few ...
PrettyNumber – A jQuery Plugin for Formatting Numbers
By cody on
Here’s a jQuery plugin that transforms a number into a human readable format. This plugin formats a number like 23454321234 into 23.454.321.234 . You can use d ...
Easy PHP Site Translation
By chadking on
Here’s an easy way to translate your web site using PHP. The idea is to have several files for each language you want to provide. Each one of these files have ...
URL Image Getter/Uploader/Resizer
By chadking on
I was wondering how to get images from a site the same way like Digg or Facebook do, where it is only necessary to provide a link, and images get automatically uploa ...