반응형
반응형

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).

jquery.vibrate.js

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.

 

반응형
반응형

Smallworld.js is a utility for generating simple map previews with GeoJSON and HTML5 Canvas. It has no dependencies, and comes with a simple wrapper for use with jQuery and Zepto.smallworld.js

 

It's a (small utility for generating a) small world. 



smallworld.js is a small utility for generating small world maps. Documentation can be found on its official page.

반응형
반응형

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.

touche.js

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


반응형
반응형
Clank: open source prototyping framework for mobile apps 

 

Demo : http://getclank.com/demos/

Clank is an open source HTML and CSS framework for prototyping native mobile and tablet apps. It uses modern CSS techniques, with Sass and Compass, and it’s component based so you can pick and choose what you need.

clank

 

 

 

 

반응형
반응형

Web Starter Kit: Tools for multi-device development

Google Developer’s Web Starter Kit is a boilerplate and tooling for multi-device development. It’s responsive, and includes a living component style guide, cross-device synchronization, and live browser reloading.

web starter kit


반응형
반응형

Intense Image Viewer: Fully full screen images

Intense Image Viewer brings “fully full screen” photos to your designs. When an image is clicked, it fills the entire browser viewport, allowing users to pan around the image by moving their mouse.

intense image viewer


반응형

+ Recent posts