S Gallery: Responsive jQuery gallery plugin

S Gallery is a responsive jQuery gallery plugin that includes CSS3 animations inspired by Sony’s products gallery. It supports touch/swipe functions, too.

S Gallery: Responsive jQuery gallery plugin

S Gallery is a responsive jQuery gallery plugin that includes CSS3 animations inspired by Sony’s products gallery. It supports touch/swipe functions, too.

• Live demo

• Blog post including how-to guide

Licensed under Creative Commons Attribution Non-Commercial (CC BY-NC 4.0)

Circliful: Circular loaders with jQuery

Circliful is a jQuery plugin that makes it easy to add circular loaders to your webpages. Configurable options allow you to loading text and info text, and you can even use half-circles.

jQuery 에서 해당 요소(element)의 존재여부를 확인할 때

length로 길이를 확인해서 처리하면 된다.

//This will not work
if ( $("#myid") ) {
//do something
}

아래와 같이 해야 확인이 가능하다.

if ( $("#myid").length > 0 ) {
//do something
}

jQuery.vibrate.js: Trigger mobile device vibrations

jQuery.vibrate.js lets you trigger vibrations on mobile devices in the pattern and duration you choose. It’s very simple to use, with a number of options for when to trigger vibrations and how long those vibrations should last (there’s even a handy chart so you can check out the durations for yourself).

Vibration API Wrappers 

However, this doesn't mean that your device can vibrate. Just that it's recent enough. There are a few requirements you need to meet.

1. You need the hardware for it.
2. The page needs to be visible.
3. Browser-specific implementation prevents the vibration.

Touche.js: Re-map click events to touch events

Touche.js makes it simple to re-map click events to touch events for mobile UIs. It works with or without jQuery, and removes the 300ms delay applied by all touchscreen devices so they respond immediately.

Effortlessly re-map click events to touch events on touchscreen UIs