쓸만한 40여개 jquery plugin
Quake Slider
( Demo | Download ) A simple jQuery plugin for creating appealing and functional sliders for your websites.
Freetile.js
( Demo | Download ) This jQuery plugin lets you organize your content in a dynamic and responsive layout so that you can optimally use the screen space.
Raccordion
( Demo | Download ) Raccordion is a multipurpose responsive accordion plugin that can adjust accordingly with the size of browser width.
3D Flipping Circle with CSS3 and jQuery
( Demo | Download ) This tutorial helps you learn how to create 3D flipping circles with CSS3 3D transforms and shadows/gradients and jQuery.
jQuery Animated Bar Plugin: jqBar
( Demo | Download ) This plugin will let you create animated vertical and horizontal bars so that you create beautiful bar charts and present your data with some visual effects.
Mini Help System with jQuery
( Demo | Download ) This tutorial takes you through the process of creating a mini help system by means of jQuery.
Make a Google Powered Shopping Search Website
( Demo | Download ) With this tutorial, you can learn how to make Google powered shopping search website by using jQuery and PHP.
How to Make a Mac OSX-like Animated Folder with CSS3
( Demo | Download ) This is a short tutorial on using CSS3, 3D transforms, gradient and box shadows to create a Mac OSX like animation folder.
Create a Beautiful Password Strength Meter
( Demo | Download ) Create an appealing password strength meter with the help of this tutorial. The new Complexify jQuery plugin is used in this tutorial.
How to Build a ToDo Application with Web SQL and jQuery
( Demo | Download ) Follow this tutorial and build a ToDo application with Web SQL and jQuery. This tutorial will help you understand transactions and let you get started with Web SQl.
Responsive Carousel
( Demo | Download ) This carousel script lets you work with mouse, touch friendly devices and keyboard. It includes slide/drag transition that can be applied by adding a data attribute.
iosSlider
( Demo | Download ) With this jQuery plugin, you can create a responsive, customizable and cross-browser content slider.
jQuery Interactive Cycle Slides Plugin: jQSlid
( Demo | Download ) This is another jQuery plugin for parallel sliding that can be used anywhere where sliding functionality is required.
gridster.js
( Demo | Download ) Create intuitive drag able layouts with this plugin that allows you dynamically add and remove elements from the grid.
tiltShift.js
( Demo | Download ) This jQuery plugin is designed to replicate the tilt-shift effect by using CSS3 image filters.
stickyMojo
( Demo | Download ) This plugin is compatible with Firefox, Chrome, Safari and IE8+, stickyMojo is a fast, lightweight and flexible sticky sidebar plugin.
Complexify
( Demo | Download ) This jQuery plugin is designed so that your users can correctly estimate the quality of their password.
jQuery Vector Maps
( Demo | Download ) With this jQuery plugin, you can render vector maps easily as it uses resizable Scalable Vector Graphics (SVG).
FrameWarp
( Demo | Download ) This jQuery plugin helps you display pages in a neat overlay.
Swatch Book with CSS3 and jQuery
( Demo | Download ) In this tutorial, you will learn creating a swatch book by using CSS transforms and transitions and jQuery plugin as well.
Triple Panel Image Slider
( Demo | Download ) This tutorial will walk you through the process of creating triple panel image slider with a 3D look.
Fullscreen Slit Slider with jQuery and CSS3
( Demo | Download ) Now, you can learn how to create a full screen slideshow by using jQuery and CSS animations.
Build a Filterable Portfolio Using jQuery Isotope
( Demo | Download ) Here, you will see how to see jQuery Isotope plugin to create a filterable portfolio.
Vertical Showcase Slider with jQuery and CSS Transitions
( Demo | Download ) Follow this tutorial to create a vertical showcase slider with jQuery and CSS transitions. You can create a full screen slider that can move its section in opposite directions.
Fullscreen Video Slideshow with Bigvideo.js
( Demo | Download ) This tutorial is about creating a full screen video slideshow by using a jQuery plugin called BigVideo.js that is mostly used for big background video.
Custom DropDown List Styling
( Demo | Download ) With this tutorial, you can learn how to create a custom drop down list styling for various purposes.
3D Thumbnail Hover Effects
( Demo | Download ) Follow this tutorial if you want to learn how to create 3D thumbnail hover effect with the help of CSS 3D transforms and jQuery.
Creative Web Typography Styles
( Demo | Download ) In this tutorial, the process of creating web typography styles with several CSS techniques and lettering.js.
Create a Parallax Scrolling Website Using Stellar.js
( Demo | Download ) Learn the use of parallax scrolling effects with this tutorial that uses Stellar.js and of course with some imagination.
Responsive, Multi-Level Navigation
( Demo | Download ) By using media queries and jQuery, you can accommodate large, multi-level navigation menus while keeping external resources minimal and markup simple.
Adding a jQuery Countdown to Our “Coming Soon” Page
( Demo | Download ) Give your countdown timer some functionality to make your Coming Soon page look appealing.
Create a Customized HTML5 Audio Player
( Demo | Download ) This tutorial will walk you through the process of creating a customized HTML5 audio player.
Make a jQuery Count Up Timer
( Demo | Download ) This tutorial helps you learn creating jQuery count up timer.
Make A Simple AJAX Note Taking App
( Demo | Download ) If you want to create an AJAX note taking app, then you should follow this tutorial that will teach you how to use PHP and jQuery to create a simple AJAX interaction.
Bild a simple weather webapp
( Demo | Download ) Here, you will be shown how to use HTML5 geolocation API and Yahoo API along with jQuery to build an amazing weather app.
Growing Thumbnails Portfolio
( Demo | Download ) Follow this tutorial to see how you can use HTML5, jQuery and CSS3 to create growing thumbnail portfolio.
How to grab Dribbble feed with jQuery and CSS3
( Demo | Download ) With this tutorial, you will be taught to grab dribbble’s API and integrate them with your designs.
Custom Login Form Styling
( Demo | Download ) A simple and easy to follow tutorial on creating custom login form styling by using CSS and HTML5.
Slicebox Revised
( Demo | Download ) With this improved version of jQuery plugin, you can create 3D image slider.
Photo Booth Strips with Lightbox
( Demo | Download ) Here is a tutorial on creating neat and scrollable booth strips with Lightbox 2, and later you will also be learnt how to make them responsive and touch friendly.
A Content Flip Plugin
( Demo | Download ) This jQuery plugin can be used to create booklet-like components in order to create a page flip navigation.
Timeline Portfolio
( Demo | Download ) This is another jQuery plugin for showing a chronological series of events. With this plugin, you can easily embed al kind of media and therefore it is perfect for a portfolio.
Making a Page Flip Magazine with turn.js
( Demo | Download ) Another jQuery plugin called turn.js that is used to create a page flip effect is used in this tutorial along with PHP, CSS3 and jQuery to create a page flip magazine.
출처 : http://smashinghub.com/
'Study > Jquery' 카테고리의 다른 글
jquery , javascript(자바스크립트) 날짜 더하고 빼기 (dateAdd) (0) | 2016.01.12 |
---|---|
자바스크립트 모바일기기 확인(javascript mobile detect) (4) | 2015.10.06 |
jquery plugin 예제모임 사이트들 (2) | 2014.01.24 |
전화번호 정규식, 이메일 정규식, 빈값체크 정규식 (0) | 2014.01.22 |
Jquery 움직이는 레이어(Quick Menu) 만들기 (3) | 2012.11.27 |