最新最强的一些jQuery插件和其它资源
openkk 12年前
<h3><a href="/misc/goto?guid=4958344719990366595">jQuery.PercentageLoader</a></h3> <p><a href="/misc/goto?guid=4958344719990366595"><img alt="jQuery.PercentageLoader" src="https://simg.open-open.com/show/819146b72865005d32d04f02ecedf7d7.jpg" /></a></p> <p>jQuery.PercentageLoader is a jQuery plugin for displaying a progress widget in more visually striking way than the ubiquitous horizontal progress bar / textual counter. The plugin takes miniminal installation and is simple and flexibile to use. It makes use of HTML 5 canvas for a rich graphical appearance with only a 10kb (minified) javascript file necessary (suggested web font optional). It uses vectors rather than images so can be easily deployed at various sizes by simply adjusting the initial parameters.<br /> </p> <h3><a href="/misc/goto?guid=4958343905669555700">CoverScroll jQuery plugin</a></h3> <p><a href="/misc/goto?guid=4958343905669555700"><img alt="CoverScroll jQuery plugin" src="https://simg.open-open.com/show/15002a36b3484ab2e8e3cfb00b1bfc9b.jpg" /></a></p> <p>This is a CSS3 variant of the Apple’s CoverFlow design pattern</p> <h3><a href="/misc/goto?guid=4958344723016424916">mailcheck.js</a></h3> <p><a href="/misc/goto?guid=4958344723016424916"><img alt="mailcheck.js" src="https://simg.open-open.com/show/f990a6c7df8b22e0d8a8b8be83c88583.jpg" /></a></p> <p>The jQuery plugin that suggests a right domain when your users misspell it in an email address.</p> <h3><a href="/misc/goto?guid=4958344724553480223">AngularJS</a></h3> <p><a href="/misc/goto?guid=4958344724553480223"><img alt="AngularJS" src="https://simg.open-open.com/show/a8357639e018fc8f6e05c4e5968f917c.jpg" /></a></p> <p>HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.</p> <h3><a href="/misc/goto?guid=4958344726094965993">html shell</a></h3> <p><a href="/misc/goto?guid=4958344726094965993"><img alt="html shell " src="https://simg.open-open.com/show/ddb5a45cc3f030f670a140203761a9bc.jpg" /></a></p> <h3>Happy.js</h3> <p><a href="/misc/goto?guid=4958344727628153181"><img alt="Happy.js " src="https://simg.open-open.com/show/636da7e7c17331cc06288741952daca8.jpg" /></a></p> <p>Lightweight form validation for jQuery or Zepto.js</p> <h3><a href="/misc/goto?guid=4958344728445296879">jquery-handsontable</a></h3> <p><a href="/misc/goto?guid=4958344728445296879"><img alt="jquery-handsontable" src="https://simg.open-open.com/show/ed5a5141acf49a0be577c35c385236bc.jpg" /></a></p> <p>Handsontable is a minimalistic (60 KB unminified) approach to Excel-like table editor in HTML & jQuery</p> <h3><a href="/misc/goto?guid=4958342914778489568">Fantastic WYSIWYG editor on jQuery</a></h3> <p><a href="/misc/goto?guid=4958342914778489568"><img alt="Fantastic WYSIWYG editor on jQuery" src="https://simg.open-open.com/show/ce1bd1cd822627ed09985d41d8c946a0.jpg" /></a></p> <p>Redactor is a free javascript program for writing texts on the web.</p> <h3><a href="/misc/goto?guid=4958344731438180215">Balloons.IO</a></h3> <p><a href="/misc/goto?guid=4958344731438180215"><img alt="Balloons.IO" src="https://simg.open-open.com/show/4696ed795e67958b5e297fabb5f6e364.jpg" /></a></p> <p>Balloons.IO is a web multi-room chat server and client ready to use. It’s built with the help of node.JS, Express, Socket.IO and Redis. Balloons uses easy-OAuth for authentication with 推ter</p> <h3><a href="/misc/goto?guid=4958344732967220729">jQuery++</a></h3> <p>jQuery++ is an MIT licensed collection of extremely useful DOM helpers and special events for jQuery 1.7 and later. It’s not a UI project like jQuery UI or jQuery Tools. Instead, it’s all about providing low-level utilities for things that jQuery doesn’t support. If Underscore is jQuery’s functional-programming tie, this is jQuery’s bald-spot covering toupee.</p> <h3><a href="/misc/goto?guid=4958344733754872935">WYSIHTML5 – A better approach to rich text editing</a></h3> <p><a href="/misc/goto?guid=4958344733754872935"><img alt="WYSIHTML5 - A better approach to rich text editing" src="https://simg.open-open.com/show/f742e4e653923f5daf0558967a065ed9.jpg" /></a></p> <p>wysihtml5 is an open source rich text editor based on HTML5 technology and the progressive-enhancement approach. It uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.</p> <h3><a href="/misc/goto?guid=4958344735290699246">Open-sourcing Stylo</a></h3> <p><a href="/misc/goto?guid=4958344735290699246"><img alt="Open-sourcing Stylo" src="https://simg.open-open.com/show/f25a60785831f2e2297fbf9be6949b50.jpg" /></a></p> <p>Have a play around with the app. You can draw shapes, apply shadows, background gradients and add a variety of other styles. Double click on an element to add text, and use keyboard shortcuts, such as command z to undo. In the latest versions of Chrome, you can even copy elements and paste their CSS into a text editor.</p> <h3><a href="/misc/goto?guid=4958344736841661368">Opera Mobile Emulator</a></h3> <p><a href="/misc/goto?guid=4958344736841661368"><img alt="Opera Mobile Emulator" src="https://simg.open-open.com/show/38267cd59789abaf60003656dc1d16d2.jpg" /></a></p> <p>Developing for mobile phones and tablets becomes a breeze. The emulator is super simple to install and lets you do serious mobile development from your desktop. Connect the Opera Mobile Emulator to Opera Dragonfly and do your mobile CSS, JS and performance debugging, using a powerful developer toolkit.</p> <h3><a href="/misc/goto?guid=4958344738385514061">Cookie Control </a></h3> <p><a href="/misc/goto?guid=4958344738385514061"><img alt="Cookie Control " src="https://simg.open-open.com/show/a0d0634d5104e29b50c662506ebea4b2.jpg" /></a></p> <p>Cookie Control enables you to comply with UK and EU law on cookies, in a couple of quick and easy steps. Proudly developed in Scotland by CIVIC.</p> <h3><a href="/misc/goto?guid=4958344739917439943">UNDERSCORE STRING</a></h3> <p><a href="/misc/goto?guid=4958344739917439943"><img alt="UNDERSCORE STRING" src="https://simg.open-open.com/show/53eecc23e00396a4314ede7a03643bfa.jpg" /></a></p> <p>Underscore.string is JavaScript library for comfortable manipulation with strings, extension for Underscore.js inspired by Prototype.js, Right.js, Underscore and beautiful Ruby language. </p> <p>Underscore.string provides you several useful functions: capitalize, clean, includes, count, escapeHTML, unescapeHTML, insert, splice, startsWith, endsWith, titleize, trim, truncate and so on.</p> <h3><a href="/misc/goto?guid=4958344741449579156">FnordMetric </a></h3> <p><a href="/misc/goto?guid=4958344741449579156"><img alt="FnordMetric " src="https://simg.open-open.com/show/226fd088f3375c2527d58dc7b29c5497.jpg" /></a></p> <p>FnordMetric is a highly configurable (and pretty fast) realtime app/event tracking thing based on ruby eventmachine and redis. You define your own plotting and counting functions as ruby blocks!</p> <h3><a href="/misc/goto?guid=4958344742978929777">Brunch</a></h3> <p><a href="/misc/goto?guid=4958344742978929777"><img alt="Brunch" src="https://simg.open-open.com/show/1151aa4cdb7ab48bc563c83570f367c2.jpg" /></a></p> <p>Brunch is an assembler for HTML5 applications. It’s agnostic to frameworks, libraries, programming, stylesheet & templating languages and backend technology.</p> <p>To simplify app development, brunch watches your files for changes and automatically wraps your scripts and templates in common.js modules. All build errors are printed to console. If you have growl / libnotify, brunch will use them too.</p> <h3><a href="/misc/goto?guid=4958344744503092415">Nitro</a></h3> <p><a href="/misc/goto?guid=4958344744503092415"><img alt="Get stuff done with Nitro" src="https://simg.open-open.com/show/cc44671b377a24d4c7692e94e4f21886.jpg" /></a></p> <p>Nitro is the best way to get things done. It’s simple, fast and powerful at the same time. Nitro also syncs with Dropbox or Ubuntu One. Due to the power of Nitro, you’ll never get a “conflicted copy”.</p> <h3><a href="/misc/goto?guid=4958344746031519042">Detector: combined browser & feature detection for your app</a></h3> <p><a href="/misc/goto?guid=4958344746031519042"><img alt="Detector: combined browser & feature detection for your app" src="https://simg.open-open.com/show/f894b7cf35c691164c12ff1641649d77.jpg" /></a></p> <p>Detector is a simple, PHP- and JavaScript-based browser- and feature-detection library that can adapt to new devices & browsers on its own without the need to pull from a central database of browser information. </p> <p>Detector dynamically creates profiles using a browser’s (mainly) unique user-agent string as a key. Using Modernizr it records the HTML5 & CSS3 features a requesting browser may or may not support. ua-parser-php is used to collect and record any useful information (like OS or device name) the user-agent string may contain.</p> <h3><a href="/misc/goto?guid=4958343910118145827">pageguide.js</a></h3> <p><a href="/misc/goto?guid=4958343910118145827"><img alt="pageguide.js" src="https://simg.open-open.com/show/81d80d4054144bcd17c539ad2885af24.jpg" /></a></p> <p>pageguide.js is an interactive visual guide to elements on web pages. Instead of cluttering your interface with static help message, or explanatory text, add a pageguide and let your users learn about new features and functions.</p> <h3><a href="/misc/goto?guid=4958344749027386134">gmaps.js</a></h3> <p><a href="/misc/goto?guid=4958344749027386134"><img alt="gmaps.js" src="https://simg.open-open.com/show/2bec8800718b11338f4928dd7aefd927.jpg" /></a></p> <p>gmaps.js allows you to use the potential of Google Maps in a simple way. No more extensive documentation or large amount of code.</p> <h3><a href="/misc/goto?guid=4958344750567866986">Responsify</a></h3> <p><a href="/misc/goto?guid=4958344750567866986"><img alt="Responsify" src="https://simg.open-open.com/show/348cfbac8890d64d57f1bf4002cb749f.jpg" /></a></p> <p>Responsify is a browser based tool, which allows you to create your own responsive template. Think of it as a foundation for you to build upon. You can customise the grid to suit your content, rather than trying to make the content fit the grid.</p> <h3><a href="/misc/goto?guid=4958344066752667729">QuoJS</a></h3> <p><a href="/misc/goto?guid=4958344066752667729"><img alt="QuoJS" src="https://simg.open-open.com/show/6b3a7667908834b8ffda79af06929c74.jpg" /></a></p> <p>QuoJS is a micro, modular, Object-Oriented and concise JavaScript Library that simplifies HTML document traversing, event handling, and Ajax interactions for rapid mobile web development. It allows you to write powerful, flexible and cross-browser code with its elegant, well documented, and micro coherent API.</p> <h3><a href="/misc/goto?guid=4958344753563074342">Chronoline.js</a></h3> <p><a href="/misc/goto?guid=4958344753563074342"><img alt="Chronoline.js" src="https://simg.open-open.com/show/eada28b59faf11bdfad1fe62000207c9.jpg" /></a></p> <p>chronoline.js is a library for making a chronology timeline out of events on a horizontal timescale.</p> <h3><a href="/misc/goto?guid=4958344755097638513">Opauth</a></h3> <p><a href="/misc/goto?guid=4958344755097638513"><img alt="Opauth" src="https://simg.open-open.com/show/8a27ae5c18f7900406b2212282ddb6f8.jpg" /></a></p> <p>Inspired by OmniAuth for Ruby, Opauth provides a standardized method for PHP applications to interface with authentication providers. </p> <p>Opauth as a framework provides a set of API that allows developers to create strategies that work in a predictable manner across PHP frameworks and applications.</p> <h3><a href="/misc/goto?guid=4958340851830049814">Gumby framework</a></h3> <p><a href="/misc/goto?guid=4958340851830049814"><img alt="Gumby framework" src="https://simg.open-open.com/show/4cbbc0be72c8b03cf19d3e8b90128ac2.jpg" /></a></p> <p>The Grid lets you lay out pages quickly and easily in a natural, logical way. The Gumby Framework’s grid system can be customized and molded to fit your every need — it’s easily adapted to any screen size or application. The possibilities are endless; the results are extraordinary.</p> <h3><a href="/misc/goto?guid=4958342916303708028">ddSlick</a></h3> <p><a href="/misc/goto?guid=4958342916303708028"><img alt="ddSlick" src="https://simg.open-open.com/show/639dbe6c00ad601a3d3ae8202d39a4a0.jpg" /></a></p> <p>A free light weight jQuery plugin that allows you to create a custom drop down with images and description.</p> <h3><a href="/misc/goto?guid=4958344759559979533">ALAJAX</a></h3> <p>- Converts forms into AJAX simply.<br /> - No programming background needed.<br /> - Works with Dynamic Forms (forms that is updated by Javascript)<br /> - Lightweight code (3KB uncompressed).<br /> - Easy to understand and to modify.<br /> - Cool for Developers, designers and website ownsers.</p> <h3><a href="/misc/goto?guid=4958344760358977721">jQuery Verbose Calendar</a></h3> <p><a href="/misc/goto?guid=4958344760358977721"><img alt="jQuery Verbose Calendar" src="https://simg.open-open.com/show/b52e0efbc7361bdd22aa630717543ec0.jpg" /></a></p> <p>Why another jQuery calendar? I needed something very specific for a personal project which led me to created this calendar. After making it I thought it was pretty neat-o</p> <h3><a href="/misc/goto?guid=4958344761898304340">Spectacular HTML5 Image Galleries Made Easy</a></h3> <p><a href="/misc/goto?guid=4958344761898304340"><img alt="Spectacular HTML5 Image Galleries Made Easy" src="https://simg.open-open.com/show/8809bcb861552daa76a18195baff93c9.jpg" /></a></p> <p>You’ll love Juicebox’s simple set up and easy-to-use image galleries, and with full major browser and mobile device support, you can be sure your viewers will love them too, wherever they are.</p> <h3><a href="/misc/goto?guid=4958344763488030357">Gmvault</a></h3> <p><a href="/misc/goto?guid=4958344763488030357"><img alt="Gmvault" src="https://simg.open-open.com/show/5a7485b1d3c8a112ec42e3eb68547614.jpg" /></a></p> <p>Use the full sync mode to backup your entire gmail account in a unique directory. Your email backup repository can then be easily tar and moved from one machine to the other.</p> <h3><a href="/misc/goto?guid=4958344765030771038">Ratio.js</a></h3> <p>Provides a Fraction / Rational / Ratio object for javascript. Why use Ratio.js? By keeping values in a rational form, you can maintain precision and can avoid common floating point operation errors in Javascript.</p> <h3><a href="/misc/goto?guid=4958344765832174499">Select2</a></h3> <p><a href="/misc/goto?guid=4958344765832174499"><img alt="Select2" src="https://simg.open-open.com/show/7e71667d317d9cca170b80ccffa5f12e.jpg" /></a></p> <p>Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results. Look and feel of Select2 is based on the excellent Chosen library.</p> <h3><a href="/misc/goto?guid=4958344767358049745">jQuery.Gantt</a></h3> <p><a href="/misc/goto?guid=4958344767358049745"><img alt="jQuery.Gantt" src="https://simg.open-open.com/show/f511503089fc289b4df6a37f147b7b15.jpg" /></a></p> <p>jQuery Gantt Chart is a simple chart that implements gantt functionality as a jQuery component.</p> <h3><a href="/misc/goto?guid=4958344768890014845">Backbone Aura</a></h3> <p><a href="/misc/goto?guid=4958344768890014845"><img alt="Backbone Aura" src="https://simg.open-open.com/show/983a1817175848e49621f0a1f536dbe7.jpg" /></a></p> <p>Backbone Aura is a decoupled, event-driven architecture on top of Backbone.js for developing widget-based applications. It takes advantage of patterns and best practices for developing maintainable applications and gives you greater control over widget-based development. Aura gives you complete control of a widget’s lifecycle, allowing developers to dynamically start, stop, reload and clean-up parts of their application as needed.</p> <h3><a href="/misc/goto?guid=4958344770416352358">jQuery Transit</a></h3> <p><a href="/misc/goto?guid=4958344770416352358"><img alt="jQuery Transit" src="https://simg.open-open.com/show/7d25ffec435684164bd1ea721df1cba1.jpg" /></a></p> <p>Super-smooth CSS3 transformations and transitions for jQuery</p> <h3><a href="/misc/goto?guid=4958344771938537705">jQuery Picture</a></h3> <p><a href="/misc/goto?guid=4958344771938537705"><img alt="jQuery Picture" src="https://simg.open-open.com/show/293173a08adedc1a621d05d6ddf79ead.jpg" /></a></p> <p>jQuery Picture is a tiny (2kb) plugin to add support for responsive images to your layouts. It supports both figure elements with some custom data attributes and the new proposed picture format. This plugin will be made redundant when the format is approved and implemented by browsers. Lets hope that happens soon but in the meantime this plugin will be kept up to date with latest developments.</p> <h3><a href="/misc/goto?guid=4958344773462135233">Singool.js</a></h3> <p>Singool.js is a lightweight framework built on top of Backbone.js that helps you develop single-page web applications. It has a structure similar to popular server-side MVC frameworks, and supports plugins and themes.</p> <h3><a href="/misc/goto?guid=4958344774257406635">Responsive Tables</a></h3> <p><a href="/misc/goto?guid=4958344774257406635"><img alt="Responsive Tables" src="https://simg.open-open.com/show/b877a165afafcfea505f9e7dacf9d816.jpg" /></a></p> <p>Don’t let tables break your responsive layout anymore. This simple JS/CSS combo will let your tables adapt to small device screens without everything going to hell.</p> <h3><a href="/misc/goto?guid=4958344775778562716">jCSML</a></h3> <p><a href="/misc/goto?guid=4958344775778562716"><img alt="jCSML" src="https://simg.open-open.com/show/8443b35a208f15c1d597fc6b63fb552d.jpg" /></a></p> <p>Imagine you could create complex animations that look the same on IE7+, Android, and iPhone/iPad. Now, imagine that it does not use Flash, SilverLight, SVG, or HTML5. Create professional quality jQuery animations and special effects that work on all major browsers and devices. Build the same animations found on this website using the BASIC version of jCSML</p> <h3><a href="/misc/goto?guid=4958344777302415499">riloadr</a></h3> <p>A cross-browser framework-independent responsive images loader. The goal of this library is to deliver optimized, contextual image sizes in responsive layouts that utilize dramatically different image sizes at different resolutions in order to improve page load time.</p> <h3><a href="/misc/goto?guid=4958344778102417029">Siimpler</a></h3> <p><a href="/misc/goto?guid=4958344778102417029"><img alt="Siimpler" src="https://simg.open-open.com/show/b96df7f5abfa36ed586b77bd97e94cc6.jpg" /></a></p> <p>Siimpler is a simple HTML starting framework. This framework contains only the files and folders what you really need to start a web project.</p>