未加星标

17 brilliant jQuery plugins

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二04 | 时间 2017 | 作者 红领巾 ] 0人收藏点击收藏

When John Resig developed the jQuery library back in 2006, he can't have imagined that it would become the most popular javascript library on the web, or that it would have tens of thousands of plugins written for it. But it's true to say that jQuery, above all other libraries out there, has been embraced by the web design community.

It is a fantastic library for designing and developing user interactions quickly. Whether it's an image gallery or form, content-revealingCSS animation or an explosion effect, the library provides the core building-blocks to allow yourapid prototyping and to deliver a unique user interface with the minimum of code and effort.

This presents an interesting question, however. Just because you can roll your own solution to any given problem, does that mean you should? Of course not! There's absolutely no need to reinvent the wheel every time you want to create a bit of common functionality; use plugins to instantly add a behaviour. Doing so will save you even more time and effort! Here's our list.

01. SVGMagic
17 brilliant jQuery plugins

SVGMagic creates PNGs to replace SVGs where they are not supported

Using SVG images is a good idea because they will look sharp at any size, and this plugin helps you to do that without having to worry about browsers that don't support them. It searches for SVG images and replaces them with PNG versions if SVG isn't supported.

02. Face Detection
17 brilliant jQuery plugins

An easy way to use some powerful technology

Detect and get the coordinates of human faces in images, videos and canvases.

03. Round Slider
17 brilliant jQuery plugins

The slider can be themed to suit your purposes

This circular slider enables the user to select a range of values by mousing over the circle. The full slider is the default setup, but you can also use it to get quarter-circle, half-circle and pie shapes. There are CSS styles you can adjust to theme it in various ways, for example, to look like a speedometer. No images are involved; it's all made with CSS and JavaScript.

04. jInvertScroll
17 brilliant jQuery plugins

Get a parallax effect with ease

jInvertscroll makes it easy to implement horizontal scrolling with a parallax effect. Roll your scroll wheel on their demo site to whizz along sideways while two layers of landscape move at different speeds to create an illusion of depth.

05. Slinky
17 brilliant jQuery plugins

A menu design that won't go out of style?

Slinky is an elegant, timeless menu design that's useful for any scenario in which you've got a lot of sub-menus. Select an item and an animation slides the sub-menu over. There's a demo here .

06. TwentyTwenty
17 brilliant jQuery plugins

ZURB's plugin helps you compare images

Instead of placing two images side-by-side to show the differences between them, you can use this plugin which places one on top of the other. Users drag a slider so that the bottom image shows through, enabling them to see what has changed in a before-and-after situation.

07. Material design hierarchical display
17 brilliant jQuery plugins

Animations can help to guide users' attention

Hierarchical display animation effects can be used to guide users' attention and lead them from one point to the next in a process. This animation can be customised to suite your design, and has great documentation to get you going.

08. Tabslet
17 brilliant jQuery plugins

Minimalist tab design

As the name suggests, Tabslet is a lightweight plugin for making tabs. It supports next/previous controls, rotation, custom events, deep linking and there’s lots of other useful functionality. Have a look at the demo to see if it suits your needs.

09. Readable
17 brilliant jQuery plugins

Set your text just right

Readable helps to make sure your text blocks stay within the optimum parameters for readability; too narrow or too wide makes your paragraphs harder to scan. There’s a great demo that shows you the edits made to running copy in order to make it easier on the eye.

10. nanoGALLERY
17 brilliant jQuery plugins

A fully-featured, fast image gallery

nanoGALLERY is designed to simplify your image galleries. Featuring multi-level navigation in albums, lightbox, combinable hover effects on thumbnails, slideshow, fullscreen, pagination, image lazy load, themes, bootstrap compatibility, deep linking, customizable, i18n, and pulling in Flickr/Picasa/Google+ photo albums among others.

It is touch enabled, responsive, fast and it supports cloud storage.

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

主题: jQueryCSSJavaScriptJavaRYGM
分页:12
转载请注明
本文标题:17 brilliant jQuery plugins
本站链接:http://www.codesec.net/view/531332.html
分享请点击:


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(51)