jQuery CDN - provided by (mt) Media Temple. 10 Cool jQuery WebApps & Plugins. Today we’ve listed 10 cool web applications and plugins using jQuery which may prove useful to improve your website. Add some style statement and great functionality with these jQuery plugins. Have fun! Related posts: 1. Simplest jQuery Spotlight Effect Tutorial This tutorial will guide you how to build a spotlight effect with caption. Source 2. A free open-code jQuery plugin that enhances your blog pages with fancy image viewer, which provides nice transition effects including CSS3 or HTML5-related ones.
Source 3. jQuery ptTimeSelect A jQuery plugin that provides a UI for a user to define and set a time on a user form. Source 4. We can use this service to display our latest buzzes on any site. Source 5. A jQuery web application lets you create wonderful favicons for your websites in a jiffy. Source 6. Have you ever seen sites that offer some kind of color-switcher within the header section? Source 7. Source 8. Source 9. Source 10. Source AUTHOR: Sam Deering. 30 Stylish jQuery Tooltip Plugins For Catchy Designs. Visual jQuery 1.2.6.
TOOLS & Libraries. PLUGINS. FRAMEWORK. jQuery Proven Performance Tips And Tricks (Slides) Thanks to everyone that attended the jQuery London and London Web Standards meetups this month. As requested, here are the slides from my talks including links to all of the jsPerf tests embedded for each section. Summary In case you missed the talk, the main takeaway from it was the importance of performance-testing your JavaScript and jQuery code (and appreciating performance gotchas you can keep in mind when writing code that uses jQuery). I feel that this is an area developers can significantly benefit from investigating further. From the feedback so far it looks like the majority of the audience found the content useful, so please feel free to share the slides if you think they can assist other developers.
Thanks I'd like to extend my thanks to Adam Sontag, JD Dalton, Mathias Bynens, Andree Hansson and others for helping tech review the slides and tests. As always, thank you for reading and sharing my posts over the year. Until next time, g'luck with your projects! Addy. Rafik Salama — Hybrid Binding: DOM Caching with Event Delegation in jQuery. Imagine you have some HTML that represents a grid of products on a page. It’s marked up like the following: Title Title When a user hovers over each product, its respective title should be shown/hidden. (This is a contrived example, so please ignore for a moment that there are several better ways to do this, including: using hover pseudo-classes, adding/removing a class via JavaScript and showing/hiding the elements based on the presence of that class, etc.) The way most jQuery tutorials have taught users to do this is by simply using the bind or hover method: $( '.product' ).hover( function () { $( this ).find( '.product-title' ).show(); }, function () { $( this ).find( '.product-title' ).hide(); }); This code works fine but has two large areas for optimization.
The mouseenter and mouseleave functions will likely be called in near-tandem, which means that you’ll be using jQuery to look up the same DOM node twice. Let’s take a look at a way to optimize each, in turn. Latest Updates - DocumentCloud. After being on the slow burner for several months, Backbone.js 0.5.0 was released this afternoon. Backbone is the JavaScript library that DocumentCloud uses to build out the workspace where reporters can upload, edit and organize their primary source documents. Along with a slew of tweaks and bug fixes , the most notable new feature is HTML5 “pushState” support , which you can see in action by trying a search in DocumentCloud’s public archive .
This enables the use of true URLs, but also requires you to do a bit of extra work on the back end to be sure that your application is capable of serving these pages, so it’s strictly on an opt-in basis. Of course, not all browsers currently in popular use (ahem, Internet Explorer) support the “pushState” function yet. Older browsers will continue to use hash-based URLs, and if hash-based links are shared with modern browsers , they’ll be transparently upgraded to the “pushState” version of the URL. The full change log is also available. JavascriptTips - jslibs - JavaScript language advanced tips and tricks - standalone JavaScript development runtime environment with general purpose native libraries.
These tips and tricks are not related to any web browser or any Document Object Model (DOM), they are only general purpose tips and tricks for the JavaScript language. Some of these tricks are using a latest version of JavaScript language (v1.8) and cannot run with the Microsoft Implementation of JavaScript (v1.5). All these tricks has been tested with the Mozilla SpiderMonkey/TraceMonkey JavaScript engine (v1.8). You can try these examples using jshost, a command-line JavaScript interpreter. (download it). If you need more explanation about one of the following tips, don't hesitate to ask me or use the comment section at the end of this page. See the TOC at the end of the page. Append an array to another array var a = [4,5,6];var b = [7,8,9];Array.prototype.push.apply(a, b); uneval(a); // is: [4, 5, 6, 7, 8, 9] Milliseconds since epoch +new Date() // 1259359833574 Simulate threads using yield operator JavaScript 1.7 //// thread definitionfunction Thread( name ) { for ( var i = 0; i < 5; i++ ) { note.
Jsdo.it - Share JavaScript, HTML5 and CSS. 7 Great JavaScript Resources. JavaScript. jQAPI - Alternative jQuery Documentation.