CSS and jQuery Tutorial: Fancy Apple-Style Icon Slide Out Navigation
Today I want to show you, how to create an Apple-style navigation menu with a twist. Although “fancy” and “Apple-styleR ... read more
jQuery
Self-resizing Navigation Menu with jQuery
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 ... read more
Some Useful JavaScript & jQuery Snippets – Part 4
By cody 5 Comments
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 ... read more
Find Your First Twitter Follower
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 ... read more
Some Useful JavaScript & jQuery Snippets – Part 3
By cody 5 Comments
How to hide all children div except a specific one with jQuery? $('#target div:not(#exclude)').hide(); //or $('#target').children().filter(':not(#exclude)').hide(); ... read more
Some Useful JavaScript & jQuery Snippets – Part 2
By cody 28 Comments
Check if cookies are enabled $(document).ready(function() { var dt = new Date(); dt.setSeconds(dt.getSeconds() + 60); document.cookie = "cookietest=1; expires=" + dt ... read more
Pause and Play Effect with jQuery
By cody 3 Comments
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 ... read more
Some Useful JavaScript & jQuery Snippets
By cody 18 Comments
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 ... read more
Scrolling to the Top and Bottom with jQuery
By cody 20 Comments
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 ... read more
PrettyNumber – A jQuery Plugin for Formatting Numbers
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 ... read more
Creating a Rotating Billboard System with jQuery and CSS
Currently we are in the “hey, let’s do that flash thing in jQuery”-mood and so we came up with another idea: a rotating bi ... read more
Day and Night: Creating a Scenery Animation with jQuery and CSS
In today’s tutorial I am going to show you, how to create an amazing animated scenery with just a few lines of jQuery and some absolut ... read more
Fixed Fade Out Menu: A CSS and jQuery Tutorial
Inspired by David Walsh’s top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial ... read more
Beautiful Slide Out Navigation Revised
After I got a lot of feedback for the Beautiful Slide Out Navigation, I had some new ideas for a similar horizontal navigation. Thanks a lot ... read more
CSS and jQuery Tutorial: Overlay with Slide Out Box
The other day I was creating an overlay with a box for Cody’s jTextTranslate jQuery Plugin and I thought, it could be useful to describe the technique in a tut ... read more
Twitter API and jQuery Showcase: Display your Followers or Friends
Today I was playing around with the Twitter API and created this little “widget” using jQuery and PHP. I know, there are already plenty of them, but I wa ... read more
Beautiful Slide Out Navigation: A CSS and jQuery Tutorial
Today I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden – ... read more
jTextTranslate: A jQuery Translation Plugin
By cody 13 Comments
The double-click functionality in the New York Times was somehow fascinating but also highly discussed because it boldly used the browser functionality to get the de ... read more
jFeedback: A Minimal jQuery Notification Plugin
By cody 7 Comments
Every web developer knows how difficult it can be to decide how to provide feedback to the user in form of an error or a success message. When submitting forms or ex ... read more
jCapSlide: A jQuery Image Caption Plugin
By cody 53 Comments
Here is a new plugin for creating nice sliding captions for images. When hovering over the image, the caption appears and the image gets a semi-transparent color ove ... read more
jPaginate: A Fancy jQuery Pagination Plugin
By cody 121 Comments
jPaginate is a jQuery pagination plugin that comes with a twist: animated page numbers. The user can slide through the available page numbers by clicking or just hov ... read more
jMaxInput: jQuery Twitter-Like Textarea
By cody 29 Comments
jMaxInput allows you to limit the input size of a textarea like it is done in Twitter. The number of characters left to type are shown while typing. The user can wri ... read more
jQuery Image Cropper with Uploader v1.1
Here’s an updated version of the Image Cropper. The upload button was replaced by an overlay on the image. There are also some extra functionalities : ... read more
jStickyNote: A jQuery Plugin for Creating Sticky Notes
By cody 25 Comments
jStickyNote is a jQuery plugin that allows to create sticky notes on your web site. It is configurable and this is how you use it: ... read more