michaelfox + library 215
EightMedia/hammer.js · GitHub
8 weeks ago by michaelfox
Hammer.js is a javascript library (that depends on jQuery) that can be used to control gestures on touch devices. It supports the following gestures:
Tap
Double tap
Hold
Drag
Transform
Documentation
So wave your hands in the air / Bust a few moves / Run your fingers through your hair
A step by step guide on how to use hammer.js:
Download the hammer javascript or clone the latest version from our github repository:
$ git clone git@github.com:eightmedia/hammer.js.git
Import jquery and import hammer.js in your project:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="hammer.js"></script>
Hammertime! Bind hammer to a container element:
var hammer = new Hammer("#container");
Now, on every gesture that is performed on the container element, you'll receive a callback object with information on the gesture.
javascript
jquery
gestures
mobile
ios
ipad
iphone
touch
library
github
repo
Tap
Double tap
Hold
Drag
Transform
Documentation
So wave your hands in the air / Bust a few moves / Run your fingers through your hair
A step by step guide on how to use hammer.js:
Download the hammer javascript or clone the latest version from our github repository:
$ git clone git@github.com:eightmedia/hammer.js.git
Import jquery and import hammer.js in your project:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="hammer.js"></script>
Hammertime! Bind hammer to a container element:
var hammer = new Hammer("#container");
Now, on every gesture that is performed on the container element, you'll receive a callback object with information on the gesture.
8 weeks ago by michaelfox
Colors: JS Color Library :: Matthew B. Jordan
january 2012 by michaelfox
The goal of Colors is to have an easy to use color manipulation library that is lightweight and very functional. I have plans for adding more functions in the future. Check out the to do list and let me know what you think.
Colors can do the following:
Change RGB to a Hexadecimal color.
Change Hexadecimal to an RGB color.
Change Hexadecimal to an HSV color.
Get the complementary value of a Hexadecimal color.
Get the complementary value of an RGB color.
Named color to an RGB object, HSV object or Hexadecimal string.
Get a random color in RGB or Hexadecimal.
color
library
javascript
Colors can do the following:
Change RGB to a Hexadecimal color.
Change Hexadecimal to an RGB color.
Change Hexadecimal to an HSV color.
Get the complementary value of a Hexadecimal color.
Get the complementary value of an RGB color.
Named color to an RGB object, HSV object or Hexadecimal string.
Get a random color in RGB or Hexadecimal.
january 2012 by michaelfox
DropKick - a jQuery plugin for beautiful dropdowns
october 2011 by michaelfox
Creating custom dropdowns is usually a tedious process that requires a ton of extra setup time. Oftentimes lacking conveniences that native dropdowns have such as keyboard navigation. DropKick removes the tedium and lets you focus on making s@#t look good.
library
dropdown
plugin
jquery
select
form
elements
october 2011 by michaelfox
Tangle: a JavaScript library for reactive documents
october 2011 by michaelfox
Tangle is a JavaScript library for creating reactive documents. Your readers can interactively explore possibilities, play with parameters, and see the document update immediately. Tangle is super-simple and easy to learn.
library
reactive
documents
interactive
data
charting
october 2011 by michaelfox
List.js - Add search, sort and flexibility to plain HTML lists with cross-browser native JavaScript by @javve
october 2011 by michaelfox
Do you want a 7 KB cross-browser native JavaScript that makes your plain HTML lists super flexible, searchable, sortable and filterable? Yeah!
Do you also want the possibility to add, edit and remove items by dead simple templating? Hell yeah!
https://github.com/javve/list
resources
library
javascript
lists
bookmarklet
ul
li
html
sort
search
Do you also want the possibility to add, edit and remove items by dead simple templating? Hell yeah!
https://github.com/javve/list
october 2011 by michaelfox
jwerty - Awesome handling of keyboard events
october 2011 by michaelfox
jwerty is a JS lib which allows you to bind, fire and assert key combination strings against elements and events. It normalises the poor std api into something easy to use and clear.
jwerty is a small library, weighing in at around 1.5kb bytes minified and gzipped (~3kb minified). jwerty has no dependencies, but is compatible with jQuery, Zepto or Ender if you include those packages alongside it.
javascript
jquery
keyboard
library
shortcuts
jwerty is a small library, weighing in at around 1.5kb bytes minified and gzipped (~3kb minified). jwerty has no dependencies, but is compatible with jQuery, Zepto or Ender if you include those packages alongside it.
october 2011 by michaelfox
Touch and gesture JavaScript plugins - MiniApps
september 2011 by michaelfox
Touch and gesture JavaScript plugins
## WKShake
A custom 'shake' event plugin for mobile web browsers using device accelerometer.
## WKTouch
Multi–touch drag, scale and rotate HTML elements on touch–capable devices.
## WKSlider
A touch–friendly input slider UI plugin.
javascript
gestures
library
ios
mobile
events
## WKShake
A custom 'shake' event plugin for mobile web browsers using device accelerometer.
## WKTouch
Multi–touch drag, scale and rotate HTML elements on touch–capable devices.
## WKSlider
A touch–friendly input slider UI plugin.
september 2011 by michaelfox
related tags
*todo ⊕ 3d ⊕ accessibility ⊕ actionscript ⊕ ajax ⊕ album ⊕ albumart ⊕ alert ⊕ algorithms ⊕ amazon ⊕ analysis ⊕ analytics ⊕ animation ⊕ apache ⊕ api ⊕ app ⊕ apple ⊕ appletv ⊕ apps ⊕ art ⊕ article ⊕ askit ⊕ async ⊕ asyoutype ⊕ audio ⊕ auth ⊕ authentication ⊕ authorization ⊕ autoloader ⊕ automation ⊕ automator ⊕ aws ⊕ backbone ⊕ backup ⊕ base ⊕ bash ⊕ bbq ⊕ bestpractices ⊕ boilerplate ⊕ bookmarklet ⊕ bookmarklets ⊕ bootstrap ⊕ browser ⊕ by:alexsexton ⊕ c ⊕ calendar ⊕ canvas ⊕ captcha ⊕ carousel ⊕ cdn ⊕ chapters ⊕ chart ⊕ charting ⊕ charts ⊕ class ⊕ classes ⊕ cli ⊕ closure ⊕ cloud ⊕ cloudwatch ⊕ cocoa ⊕ code ⊕ codegeneration ⊕ codeigniter ⊕ coding ⊕ collaboration ⊕ collection ⊕ color ⊕ compare ⊕ comparison ⊕ components ⊕ config ⊕ confirm ⊕ connect ⊕ controller ⊕ cookies ⊕ core ⊕ cover ⊕ crafty ⊕ crawler ⊕ css ⊕ css3 ⊕ custom ⊕ data ⊕ database ⊕ datamodelling ⊕ datarepresentation ⊕ datavisualization ⊕ date ⊕ datepicker ⊕ datetime ⊕ debug ⊕ debugging ⊕ delicious ⊕ dependencies ⊕ dependency ⊕ design ⊕ development ⊕ dialog ⊕ diff ⊕ display ⊕ diy ⊕ documentation ⊕ documents ⊕ dojo ⊕ dom ⊕ drag&drop ⊕ dragdrop ⊕ dropdown ⊕ dual ⊕ dualresolution ⊕ ec2 ⊕ ecsstender ⊕ editor ⊕ elements ⊕ email ⊕ embed ⊕ embedly ⊕ engine ⊕ environment ⊕ epub ⊕ event ⊕ events ⊕ example ⊕ excel ⊕ extension ⊕ extensions ⊕ external ⊕ facebook ⊕ file ⊕ files ⊕ filesystem ⊕ filter ⊕ flash ⊕ flex ⊕ flv ⊕ form ⊕ format ⊕ forms ⊕ forrst ⊕ foundation ⊕ fragment ⊕ framework ⊕ frameworks ⊕ game ⊕ gamedev ⊕ gamedevelopment ⊕ gcal ⊕ gd ⊕ gears ⊕ generator ⊕ geoip ⊕ gestures ⊕ get ⊕ gist ⊕ git ⊕ github ⊕ github-repo ⊕ google ⊕ googlecode ⊕ googlewave ⊕ graph ⊕ graphics ⊕ graphing ⊕ gui ⊕ hacks ⊕ hash ⊕ hd ⊕ heatmap ⊕ heirarchy ⊕ heuristics ⊕ hosting ⊕ howto ⊕ html ⊕ html5 ⊕ http ⊕ id3 ⊕ image ⊕ images ⊕ include ⊕ inheritance ⊕ inline ⊕ inspiration ⊕ inspiration:php ⊕ install ⊕ integration ⊕ interactive ⊕ interface ⊕ ios ⊕ ipad ⊕ iphone ⊕ iterator ⊕ itunes ⊕ java ⊕ javascript ⊕ jqmodal ⊕ jquery ⊕ json ⊕ keyboard ⊕ keychain ⊕ language ⊕ li ⊕ lib ⊕ libraries ⊕ library ⊖ lightbox ⊕ linux ⊕ list ⊕ lists ⊕ livevalidation ⊕ loadbalancing ⊕ loader ⊕ loading ⊕ localStorage ⊕ logging ⊕ mac ⊕ macosx ⊕ mail ⊕ mailcheck ⊕ mailer ⊕ management ⊕ manager ⊕ manipulation ⊕ mapreduce ⊕ maps ⊕ markdown ⊕ media ⊕ mediagrabber ⊕ mediaqueries ⊕ metadata ⊕ microformats ⊕ microframeworks ⊕ midgard ⊕ migrate ⊕ mobile ⊕ mock ⊕ modal ⊕ modernizr ⊕ module ⊕ modules ⊕ mootools ⊕ movies ⊕ mp3 ⊕ multivariate ⊕ music ⊕ mustache ⊕ mux ⊕ muxer ⊕ mvc ⊕ natural ⊕ node ⊕ nodejs ⊕ normalize ⊕ npm ⊕ objective-c ⊕ objects ⊕ offset ⊕ onlineos ⊕ oop ⊕ openid ⊕ opensource ⊕ organization ⊕ organizer ⊕ os ⊕ osx ⊕ overlay ⊕ packager ⊕ pagination ⊕ paramaters ⊕ params ⊕ parms ⊕ parseing ⊕ parser ⊕ parsing ⊕ password ⊕ patterns ⊕ paypal ⊕ pdf ⊕ pear ⊕ performance ⊕ phonegap ⊕ photo ⊕ php ⊕ php5 ⊕ phpunit ⊕ player ⊕ plist ⊕ plugin ⊕ plugins ⊕ popup ⊕ preload ⊕ processing ⊕ profiler ⊕ programming ⊕ project ⊕ projects ⊕ prototype ⊕ queries ⊕ queue ⊕ reactive ⊕ reference ⊕ regex ⊕ remap ⊕ render ⊕ rendering ⊕ repo ⊕ repos ⊕ repository ⊕ representation ⊕ request ⊕ require ⊕ requirejs ⊕ resolution ⊕ resources ⊕ rest ⊕ robot ⊕ s3 ⊕ sample ⊕ sass ⊕ scaffold ⊕ scaling ⊕ scrape ⊕ scraping ⊕ screenscraping ⊕ scripting ⊕ scroll ⊕ scss ⊕ sd ⊕ search ⊕ security ⊕ select ⊕ selection ⊕ server ⊕ session ⊕ setup ⊕ shell ⊕ shortcut ⊕ shortcuts ⊕ silex ⊕ simplehtmldom ⊕ simpletest ⊕ sitesearch ⊕ slider ⊕ slideshow ⊕ snippet ⊕ snippets ⊕ snippits ⊕ socialnetworking ⊕ software ⊕ sort ⊕ source ⊕ sourcecode ⊕ sparks ⊕ spider ⊕ split ⊕ splittesting ⊕ ssjs ⊕ statistics ⊕ storage ⊕ string ⊕ strings ⊕ structure ⊕ stylesheets ⊕ submodules ⊕ subtitles ⊕ svg ⊕ svn ⊕ swell ⊕ swfupload ⊕ symfony ⊕ symfony2 ⊕ tableviews ⊕ tabs ⊕ tagging ⊕ tags ⊕ template ⊕ templating ⊕ test ⊕ testing ⊕ text ⊕ textarea ⊕ timeline ⊕ toolkit ⊕ tools ⊕ touch ⊕ tree ⊕ tutorial ⊕ twitter ⊕ ui ⊕ ul ⊕ underscore.js ⊕ url ⊕ users ⊕ utilities ⊕ utility ⊕ utils ⊕ validation ⊕ vector ⊕ video ⊕ view ⊕ viewport ⊕ visualization ⊕ wave ⊕ web ⊕ webdev ⊕ webgl ⊕ webkit ⊕ widget ⊕ xcode ⊕ xhr ⊕ xml ⊕ yahoo ⊕ yaml ⊕ yepnope ⊕ youtube ⊕ yui ⊕ zend ⊕ zepto ⊕Copy this bookmark: