10個新鮮的JavaScript/ jQuery插件，你一定要看看

今天向您展示10個新鮮和實用的插件，使您的Web開發生活更輕松。

jQuery Upload File

jQuery Upload File plugin provides Multiple file Uploads with progress bar.Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.
→ https://github.com/hayageek/jquery-upload-file

Flowtype.js

Ideally, the most legible typography contains between 45 and 75 characters per line. This is difficult to accomplish for all screen widths with only CSS media-queries. FlowType.JS eases this difficulty by changing the font-size based on a specific element’s width.
→ http://simplefocus.com/flowtype/

Annyang

Annyang is a JavaScript library for adding voice commands to your site, using speech recognition.
→ https://github.com/TalAter/annyang

ContentShare

ContentShare is a jQuery plugin which lets you share the exact content on a page which you actually want to share. It enables you to share selected text on your social network rather the default text specified in the tags. By default, it supports 非死book and 推ter but you can add more networks easily.
→ http://plugins.compzets.com/contentshare/

jQuery URLive

jQuery URLive lets you easily create a live preview of any url base on its Open Graph properties and other details, similar to 非死book’s post attachment.
It doesn’t only work on a or <input> it also works on <a> tag and any element with a URL on its content.<br /> <strong>→ <a kesrc="https://github.com/markserbol/urlive">https://github.com/markserbol/urlive</a></strong></p> <h2>Slidebars</h2> <p><img src="https://simg.open-open.com/show/ba990d042191db8c05b6c80803633e6b.png" kesrc="https://simg.open-open.com/show/ba990d042191db8c05b6c80803633e6b.png" alt="10個新鮮的JavaScript/ jQuery插件，你一定要看看" width="750" height="492" /><br /> Slidebars is a jQuery plugin for quickly and easily implementing app-style revealing, overlaying, push menus and sidebars into your website.<br /> <strong>→ <a kesrc="https://github.com/adchsm/Slidebars">https://github.com/adchsm/Slidebars</a></strong></p> <h2>CollagePlus</h2> <p><img src="https://simg.open-open.com/show/2ab29c65d2bf4f94887088e67bccd92e.png" kesrc="https://simg.open-open.com/show/2ab29c65d2bf4f94887088e67bccd92e.png" alt="10個新鮮的JavaScript/ jQuery插件，你一定要看看" width="750" height="475" /><br /> CollagePlus will arrange your images to fit exactly within a container. You can define the padding between images, give the images css borders and define a target row height.<br /> <strong>→ <a kesrc="http://ed-lea.github.io/jquery-collagePlus/">http://ed-lea.github.io/jquery-collagePlus/</a></strong></p> <h2>ifvisible.js</h2> <p><img src="https://simg.open-open.com/show/2af3b50fc072f37130f0c0fc412b97d1.png" kesrc="https://simg.open-open.com/show/2af3b50fc072f37130f0c0fc412b97d1.png" alt="10個新鮮的JavaScript/ jQuery插件，你一定要看看" width="750" height="478" /><br /> ifvisible.js is a crossbrowser & lightweight way to check if user is looking at the page or interacting with it. A really interesting plugin. Check out the <a kesrc="http://serkanyersen.github.io/ifvisible.js/demo.html">demo</a> to see how powerful it is.<br /> <strong>→ <a kesrc="http://serkanyersen.github.io/ifvisible.js/">http://serkanyersen.github.io/ifvisible.js/</a></strong></p> <h2>Resumable.js</h2> <p><img src="https://simg.open-open.com/show/5d84cf070304e76da50f52b7ca92715c.png" kesrc="https://simg.open-open.com/show/5d84cf070304e76da50f52b7ca92715c.png" alt="10個新鮮的JavaScript/ jQuery插件，你一定要看看" width="750" height="479" /><br /> Resumable.js is a JavaScript library providing multiple simultaneous, stable and resumable uploads via the HTML5 File API.<br /> <strong>→ <a kesrc="http://www.resumablejs.com/">http://www.resumablejs.com/</a></strong></p> <h2>Circliful</h2> <p><img src="https://simg.open-open.com/show/114c87b043816698b5594ffa4457f162.png" kesrc="https://simg.open-open.com/show/114c87b043816698b5594ffa4457f162.png" alt="10個新鮮的JavaScript/ jQuery插件，你一定要看看" width="750" height="469" /><br /> Circliful is a jQuery plugin for showing circle statistics. Based on HTML5 canvas, it do not use any images.<br /> <strong>→ <a kesrc="https://github.com/pguso/jquery-plugin-circliful">https://github.com/pguso/jquery-plugin-circliful</a></strong></p> </body> </html>