遊んでみたjQueryプラグインとかのリストです。随時追記してます。
Images
Working with Windows
-
Flat, responsive, lightweight, easy customizable modal window jquery plugin with declarative state notation and hash tracking. Demo
Slideshow
-
Backstretch is a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element. The image will stretch to fit the page/element, and will automatically resize as the window/element size changes. Demo
-
jQuery custom content slider Demo
-
A simple, lightweight jQuery plugin to scroll a list like carousel or traditional marquee. Demo
-
Full screen background slideshow plugin for jQuery Demo
-
The simplest jQuery slider there is. Demo
-
A circular, responsive carousel plugin built using the jQuery. Demo
-
This jQuery plugin can display images with a cascading "waterwheel" effect Demo
-
An awesome, fully responsive jQuery slider plugin Demo
Layout
-
A tutorial on how to create a off-canvas icon navigation with an animated border effect. NOTE: This version is adapted to AngularJS Demo
-
ALS - Any List Scroller is the jQuery plugin by musings.it to scroll any list, of any dimension, with any content. Demo
-
Public reposity of the ascensor jquery plugin Demo
-
fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple Demo
-
VARIABLE GRID LAYOUT Demo
-
Used to recreate the Nike Better World parallax effect Usage and Demo
-
Waypoints is a jQuery plugin that makes it easy to execute a function whenever you scroll to an element. Demo
-
Scrolling for single page websites. Demo
-
Smooth scrolling and smart navigation when user scrolls on one-page sites. Demo
-
Cascading grid layout library Demo
-
Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin Demo
-
Stand-alone parallax scrolling library for mobile (Android + iOS) and desktop. No jQuery. Just plain JavaScript (and some love). Demo
-
A jQuery plugin to create single-page websites Sample Page
-
The page flip effect for HTML5 Demo
Navigation
-
Awesome Bubble Navigation with jQuery
create a bubbly navigation with jQuery Demo
Text Effects
-
text effects in jquery-grab-bag
Some fun little text effects Demo
-
jQuery Plugin that makes adding Blur Filter to text elements an easy task. Demo
-
Matrix Effect Using HTML5 and Javascript
Play Matrix Effects Demo
Presentation
-
It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com. Demo
-
The HTML Presentation Framework Demo
Responsive Design
Profile
-
The unofficial GitHub Cards. Card for your GitHub profile, card for your GitHub repositories. Demo
-
Easy Social Buttons Demo
Sidebar
-
Some inspiration for transition effects for off-canvas navigations. Demo
Animation
-
ANIMATED BOOKS WITH CSS 3D TRANSFORMS
A creative way to show interactive books using CSS 3D Transforms. Demo
-
A jQuery plugin to apply animated, visual effects to letters, words or other text patterns. Demo
-
Moves a DOM element along an SVG path (or do whatever along a path...) Demo
-
Provides animation along bezier and circular arcs. Demo
-
an animated GitHub ribbon Demo
Page Transition
-
a simple and easy jQuery plugin used to add page transition on css animations. Demo
-
This lightweight jQuery Pageswitch Plugin allows you to easily add animated page-transitions to your homepage navigation. Demo
Flat Design
-
Flat UI Free - Design Framework (html/css3/less/js). Flat UI is based on Bootstrap, a comfortable, responsive, and functional framework that simplifies the development of websites. Demo
-
The iconic font and CSS toolkit Demo
Photoshop/Illustrator
-
Generator Plug-in for Adobe Photoshop CC that helps users export image assets Functional Spec
-
Core Node.js library for Adobe Photoshop CC's Generator extensibility layer setup
etc
-
Zepto.js is a minimalist JavaScript library for modern browsers, with a jQuery-compatible API zeptojs.com
-
Web application to illustrate the relationships between objects in a process using d3.js. Demo
-
easy easter eggs (konami code, etc) for your website. Demo
-
Movie end credits for your website! Demo
-
Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser. Website