background preloader

Useful JavaScript and jQuery Tools, Libraries, Plugins

Useful JavaScript and jQuery Tools, Libraries, Plugins
Advertisement Recently we’ve been receiving more requests for carefully selected, useful round-ups. We try to avoid round-ups on Smashing Magazine, but sometimes the format is useful and — if the resources are relevant — can be extremely helpful. Besides, we are glad to drive traffic to some obscure, yet useful resources and thus support the developers of these resources. In this round-up, you’ll find some of the useful JavaScript and jQuery tools, libraries and plugins that we have stumbled upon recently. Hopefully, you’ll find them valuable for your upcoming projects. You might want to take a look at the following related posts: Useful JavaScript Libraries Respond.js: Fast CSS3 Media Queries for Internet Explorer 6-8 and More5The goal of this script is to provide a fast and lightweight script to enable responsive Web designs in browsers that don’t support CSS3 Media Queries. highlight.js10Highlight.js highlights syntax in code examples on blogs, forums and in fact on any web pages.

Related:  Structures esthétiques (HTML, CSS, Jquery...)

50 jQuery Tools for Awesome Websites By now, everyone has heard of jQuery. It’s a framework that makes JavaScript development much easier, and has become massively popular for adding JavaScript functionality to websites. In this post, we’ve picked out 50 of the best scripts we know of and talked about why they rock. They can help in just about any aspect of a website, so enjoy! Fullscreen Gallery with Thumbnail Flip Dreamer Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Crusader Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

Sticky Sidebar jQuery plugin This jQuery plugin allows you to set a number of sidebar or floating boxes that follow the user down the page as they scroll. The plugin uses absolute positioning calculated from the original css and offset to either the closest positioned parent or to the document. The plugin has been tested in IE6-9 and all the other major browsers. The JavaScript (jQuery) Below is the code for the plugin, to download the code with examples use the link above. jQuery Performance Tips and Tricks jQuery Performance Tips and Tricks Addy Osmani, AOL 18 July 2011 jQuery Proven Performance Tips & Tricks Performance optimisation is a crucial aspect of building ‘snappy’ client-side applications and something which all developers using jQuery should bear in mind. In Addy Osmani's (@addy_osmani) talk, he'll take a look at some of the best practices, tips and tricks for improving the performance of your jQuery code in 2011, with some quick wins and a few new surprises along the way. For more on Addy’s work, check out his official website for tutorials, for his community updates and magazines such as .NET for his thoughts and commentaries.

20 Excellent jQuery Tools/Tricks for Developers jQuery is an excellent Javascript library that simplifies HTML and can be used to create web effects easily with few lines of coding. It has become really popular on the internet these days as many well known websites are using jQuery tools and tutorials to add Javascript functionality to websites. It makes repetitive tasks really shorter and is really simple and easy to use. Today, we have gathered a list few Useful jQuery Plugins which can help the developers. 1. Image Cross Fade Transition Visual Event When working with events in Javascript, it is often easy to lose track of what events are subscribed where. This is particularly true if you are using a large number of events, which is typical in a modern interface employing progressive enhancement. Javascript libraries also add another degree of complexity to listeners from a technical point of view, while from a developers point of view they of course can make life much easier! But when things go wrong it can be difficult to trace down why this might be.

LeaveNotice ● LeaveNotice is a plug in to easily notify your users that they are leaving your website. This was developed with “official” type websites in mind (Government, money-processing, etc). Because of the nature of the information those sites house, it can be important to make sure users know that they are being linked to a site not under “official” jurisdiction. See Examples | Download from Github Features of LeaveNotice Easy to install with just a couple steps. 9 Mind-Blowing Canvas Demos The <canvas> element has been a revelation for the visual experts among our ranks. Canvas provides the means for incredible and efficient animations with the added bonus of no Flash; these developers can flash their awesome JavaScript skills instead. Here are nine unbelievable canvas demos that will make your jaw drop! 1. Zen Photon Garden

Related:  JQuery