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.
Visual jQuery 1.2.6 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
165 Awesome jQuery Sliders and Other Useful jQuery Effects Slider are very useful and increasingly popular web page elements used for highlighting important content. By using a jQuery slider plugin, one can create amazing HTML slider effects with fancy animations of content elements like text and images. jQuery takes care of the difficult aspects like browser support and typically when using jQuery plugins it can be done with very little coding effort. This is the reason why jQuery sliders and jQuery banner slideshow scripts have become very popular on most types of websites. The jQuery library has undoubtedly made the life of web developers easier and made it possible for non-experts to do fancy stuff themselves. Because jQuery effects work wonders in our web designs, it makes sense that we take steps to acquire a size-able collection of ready to use plugins in various categories. Advertisement Article Index First some Responsive jQuery sliders for Mobile Friendly Websites! Lush – Content Slider – MORE INFO | DEMO Camera Slider – MORE INFO
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. 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++ ) { prints: note output:
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. $( '.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. If you’ve got hundreds of items on the page, or even just tens, you’re attaching a copy of the handler function to each node and using much more memory than you need to be. Let’s take a look at a way to optimize each, in turn. To avoid the double DOM lookup, we can wrap the invocation of the hover method in a closure and capture the DOM nodes there. This manages to solve the problem of extra DOM lookups just fine.
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 . Of course, not all browsers currently in popular use (ahem, Internet Explorer) support the “pushState” function yet. Other changes include renaming Controller to Router for clarity, the refresh function to reset , and replacing saveLocation with a more flexible navigate API. The full change log is also available.
jQuery CDN - provided by (mt) Media Temple