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. 30 Stylish jQuery Tooltip Plugins For Catchy Designs. 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. They are are typically used to feature multiple products, news, video etc. without taking up a lot of space on the pages. In fact, we see sliders on most news and business websites today and they are placed on the most important location over the fold on the front page.
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. If you haven't been using it, jsPerf.comis the bizness, so check it out. 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.
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.)
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.
Jsdo.it - Share JavaScript, HTML5 and CSS. 7 Great JavaScript Resources. JavaScript. jQAPI - Alternative jQuery Documentation.