Latest Tweets Tooltip with jQuery
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... read more
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... read more
Here’s an improved version of the Micro Image Gallery Plugin. I have added some features as suggested in the comments, specifically th... read more
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... read more
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... read more
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... read more
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... read more
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
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
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
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
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
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
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
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 bookm... read more
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
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
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 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 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
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
jBar is a jQuery Plugin that allows you to integrate notifications in your web site. The behavior is very similar to Twitter’s and Stackoverflow’s notifi... read more
Here’s a list of 42 jQuery Navigation Techiques, Navigation plugins, and Tutorials built using jQuery: 1. How To Create A ‘Mootools Homepage’ Inspired Navigati... read more
Here’s a jQuery script for changing the stylesheet of an html page. The styles can be selected from the dropdown on top of the page. There are ten styles to ch... read more
Here is a jQuery example for a captcha in a registration form. In order to pass the “Are you human” test, the user has to drag the numbers from 1 to 6 in... read more
We are always searching for creative and bold minds that have extraordinary ideas and are happy to try out new things related to web design and web development. Become part of an amazing group of contributors and authors and start writing for us.
Get in touch with us and tell us what makes you crazy and innovative enough to join the Codrops team.