14
15

More than 5 years have passed since last update.

遊んでみたjQueryプラグインのリスト

Last updated at Posted at 2014-07-21

遊んでみたjQueryプラグインとかのリストです。随時追記してます。

Images

The original lightbox script, finally on github. Demo

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

create a bubbly navigation with jQuery Demo

Text Effects

Some fun little text effects Demo

jQuery Plugin that makes adding Blur Filter to text elements an easy task. Demo

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

A simple, standalone library to invoke the tap event for touch-friendly web browsers. Demo

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

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

14
15
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
14
15