michaelfox + jquery 401
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
Curtain.js
february 2012 by michaelfox
This plugin allows you to create a web page with multiple fixed panels that unroll with an amusing effect. Exactly like a curtain rises.
To navigate, you can use your keyboard instead the scrollbar or your mousewheel to navigate into the document. But that's not all, there is more features! For example, you can easily add a fixed element or multiple "steps" element into a pannel.
I created this plugin for the upcoming website of my friend Etienne. And I decided to deliver this one as an open source project. I would like you to note that the transition effect between two panels is extensively inspired by Edits Quarterly We were also such inspired by the following websites:
http://www.interviewmagazine.com
http://dbworks.pro
http://www.deuxhuithuit.com/en
http://madebygrave.com
http://www.boston.com/bigpicture
plugin
animation
jquery
javascript
To navigate, you can use your keyboard instead the scrollbar or your mousewheel to navigate into the document. But that's not all, there is more features! For example, you can easily add a fixed element or multiple "steps" element into a pannel.
I created this plugin for the upcoming website of my friend Etienne. And I decided to deliver this one as an open source project. I would like you to note that the transition effect between two panels is extensively inspired by Edits Quarterly We were also such inspired by the following websites:
http://www.interviewmagazine.com
http://dbworks.pro
http://www.deuxhuithuit.com/en
http://madebygrave.com
http://www.boston.com/bigpicture
february 2012 by michaelfox
jQuery Tag-it!
january 2012 by michaelfox
Simple and configurable tag editing widget with autocomplete support.
Source Bugs Docs Download
Source code is available at Github.
Actual jQuery UI widget.
The widget can be styled using Themeroller or any premade jQuery UI theme.
Degrades gracefully for browsers without JavaScript (see example).
javascript
jquery
plugin
tagging
tags
form
control
element
input
widget
jqueryui
autocomplete
Source Bugs Docs Download
Source code is available at Github.
Actual jQuery UI widget.
The widget can be styled using Themeroller or any premade jQuery UI theme.
Degrades gracefully for browsers without JavaScript (see example).
january 2012 by michaelfox
taitems/jQuery.Gantt - GitHub
december 2011 by michaelfox
jQuery Gantt Chart is a simple chart that implements gantt functionality as
a jQuery component.
It's able to:
- Read json data
- Paging results
- Display different colours for each task
- Display short description as hints
- Mark holidays
* [Demo](http://taitems.github.com/jQuery.Gantt/)
* jQuery Gantt Chart - http://mbielanczuk.com/?p=34
jquery
github
gantt
plugin
ui
interface
a jQuery component.
It's able to:
- Read json data
- Paging results
- Display different colours for each task
- Display short description as hints
- Mark holidays
* [Demo](http://taitems.github.com/jQuery.Gantt/)
* jQuery Gantt Chart - http://mbielanczuk.com/?p=34
december 2011 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
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
jQuery :any() Selector - paulirish's gist: 403386 — Gist
september 2011 by michaelfox
// Idea from http://dbaron.org/log/20100424-any
jQuery.expr[':'].any = function(el, i, match) {
return jQuery.find.matches(match[3], [el]).length > 0;
};
jQuery('body :any(div, form) p'); // Same as jQuery('body div p, body form p')
jQuery('div:any(.foo,.bar)'); // Same as jQuery('div.foo, div.bar')
jquery
javascript
selector
jQuery.expr[':'].any = function(el, i, match) {
return jQuery.find.matches(match[3], [el]).length > 0;
};
jQuery('body :any(div, form) p'); // Same as jQuery('body div p, body form p')
jQuery('div:any(.foo,.bar)'); // Same as jQuery('div.foo, div.bar')
september 2011 by michaelfox
louisstow/Crafty - GitHub
september 2011 by michaelfox
JavaScript Game Engine — Read more
http://craftyjs.com
javascript
jquery
library
gamedev
crafty
gamedevelopment
github
github-repo
development
game
html5
engine
framework
http://craftyjs.com
september 2011 by michaelfox
related tags
*download ⊕ *todo ⊕ /#!/ ⊕ abtesting ⊕ accessibility ⊕ accordion ⊕ activate ⊕ addons ⊕ address ⊕ admin ⊕ ads ⊕ advanced ⊕ affiliates ⊕ after ⊕ ajax ⊕ alert ⊕ align ⊕ amazon ⊕ ambilight ⊕ analytics ⊕ animation ⊕ apache ⊕ api ⊕ apps ⊕ architecture ⊕ arguments ⊕ aristo ⊕ array ⊕ art ⊕ async ⊕ audio ⊕ autocomplete ⊕ autofocus ⊕ autoload ⊕ autorefresh ⊕ autosuggest ⊕ bar ⊕ base ⊕ bbq ⊕ before ⊕ beforeandafter ⊕ bestpractices ⊕ bevel ⊕ boilerplate ⊕ book ⊕ bookmarking ⊕ bookmarklet ⊕ bookmarklets ⊕ bootstrap ⊕ boxes ⊕ browser ⊕ browserplus ⊕ browsers ⊕ buttons ⊕ by:alexsexton ⊕ by:dougneiner ⊕ cache ⊕ caching ⊕ cal ⊕ calendar ⊕ callbacks ⊕ callee ⊕ caller ⊕ canvas ⊕ carousel ⊕ carousels ⊕ catalog ⊕ cdn ⊕ change ⊕ changelog ⊕ characters ⊕ chart ⊕ charting ⊕ charts ⊕ cheatsheet ⊕ checkbox ⊕ chrome ⊕ class ⊕ cli ⊕ click ⊕ clickhold ⊕ clickoutside ⊕ clock ⊕ closures ⊕ cms ⊕ code ⊕ codeigniter ⊕ collapse ⊕ collection ⊕ color ⊕ colorpicker ⊕ columns ⊕ commandline ⊕ commands ⊕ commonjs ⊕ compression ⊕ confirm ⊕ connect ⊕ console ⊕ content ⊕ contentslider ⊕ context ⊕ contextmenu ⊕ control ⊕ controls ⊕ converter ⊕ core ⊕ corners ⊕ crafty ⊕ crawler ⊕ crop ⊕ cropping ⊕ css ⊕ css3 ⊕ cursor ⊕ custom ⊕ customevents ⊕ customization ⊕ dash ⊕ data ⊕ datagrid ⊕ datarepresentation ⊕ datavisualization ⊕ date ⊕ datepicker ⊕ debug ⊕ debugging ⊕ deeplinking ⊕ delay ⊕ delegate ⊕ demo ⊕ dependency ⊕ design ⊕ detector ⊕ development ⊕ diagram ⊕ dialog ⊕ dictionary ⊕ directory ⊕ disclosures ⊕ display ⊕ dock ⊕ documentation ⊕ dojo ⊕ dom ⊕ download ⊕ drilldown ⊕ dropdown ⊕ dropdownmenu ⊕ droplist ⊕ dynamic ⊕ easing ⊕ ebooks ⊕ editor ⊕ effect ⊕ effects ⊕ element ⊕ elements ⊕ email ⊕ embed ⊕ embedly ⊕ engine ⊕ entry ⊕ environment ⊕ equal-height-columns ⊕ equalheight ⊕ error ⊕ event ⊕ eventdriven ⊕ evented ⊕ eventhandling ⊕ events ⊕ example ⊕ examples ⊕ extension ⊕ extensions ⊕ facebook ⊕ factory ⊕ field ⊕ file ⊕ files ⊕ fileupload ⊕ filter ⊕ find ⊕ firefox ⊕ flash ⊕ flexigrid ⊕ flickr ⊕ flip ⊕ flot ⊕ focus ⊕ font ⊕ fonts ⊕ form ⊕ forms ⊕ formvalidation ⊕ forrst ⊕ fragment ⊕ framework ⊕ gallery ⊕ game ⊕ gamedev ⊕ gamedevelopment ⊕ gantt ⊕ gears ⊕ geek ⊕ generator ⊕ geolocation ⊕ gestures ⊕ get ⊕ getScript ⊕ gist ⊕ gist-261269 ⊕ gist-270742 ⊕ gist-379244 ⊕ github ⊕ github-gist ⊕ github-repo ⊕ google ⊕ graph ⊕ graphics ⊕ graphing ⊕ greasemonkey ⊕ grep ⊕ grid ⊕ growl ⊕ GWO ⊕ hacks ⊕ hash ⊕ hci ⊕ help ⊕ hide ⊕ hiding ⊕ hierarchy ⊕ highlight ⊕ highlighting ⊕ history ⊕ hooks ⊕ hosting ⊕ hotkey ⊕ hotkeys ⊕ hover ⊕ howto ⊕ htaccess ⊕ html ⊕ html4 ⊕ html5 ⊕ humor ⊕ ical ⊕ icons ⊕ idle ⊕ ie ⊕ ie6 ⊕ if ⊕ image ⊕ images ⊕ imageswap ⊕ infinitescroll ⊕ information ⊕ inheritance ⊕ inline ⊕ input ⊕ inspiration ⊕ interface ⊕ inview ⊕ ios ⊕ ipad ⊕ iphone ⊕ java ⊕ javascript ⊕ jcontext ⊕ jetpack ⊕ jflow ⊕ jqgrid ⊕ jqmodal ⊕ jqtouch ⊕ jquery ⊖ jquery-1.7 ⊕ jquery1.4 ⊕ jquery1.8 ⊕ jquerymobile ⊕ jqueryui ⊕ json ⊕ kerning ⊕ key ⊕ keybindings ⊕ keyboard ⊕ keypress ⊕ label ⊕ labels ⊕ layout ⊕ lazy ⊕ lazyload ⊕ length ⊕ lib ⊕ libraries ⊕ library ⊕ light ⊕ lightbox ⊕ limit ⊕ lines ⊕ list ⊕ live ⊕ liveloading ⊕ load ⊕ loader ⊕ loading ⊕ logic ⊕ login ⊕ mac ⊕ manipulation ⊕ map ⊕ markdown ⊕ markup ⊕ maxlength ⊕ media ⊕ mediaqueries ⊕ menu ⊕ message ⊕ messages ⊕ messaging ⊕ minimial ⊕ minimialist ⊕ mobile ⊕ modal ⊕ modernizr ⊕ modular ⊕ mootools ⊕ mouse ⊕ movie ⊕ mozilla ⊕ mp3 ⊕ multilevel ⊕ multimedia ⊕ multiselect ⊕ music ⊕ mustache ⊕ mvc ⊕ mysql ⊕ navigation ⊕ nerd ⊕ node ⊕ nodejs ⊕ notes ⊕ notification ⊕ number ⊕ objects ⊕ oop ⊕ optimizer ⊕ options ⊕ order ⊕ overlay ⊕ pageload ⊕ pagination ⊕ panel ⊕ paramaters ⊕ params ⊕ parms ⊕ parseing ⊕ parser ⊕ parsing ⊕ path ⊕ patterns ⊕ performance ⊕ periodical ⊕ phantomjs ⊕ photo ⊕ phototagging ⊕ php ⊕ placeholder ⊕ placeholders ⊕ player ⊕ plugin ⊕ plugins ⊕ png ⊕ popeye ⊕ popup ⊕ popups ⊕ position ⊕ positioning ⊕ preload ⊕ print_r ⊕ profiler ⊕ programming ⊕ progressiveenhancement ⊕ projects ⊕ prototypal ⊕ prototype ⊕ pubsub ⊕ queue ⊕ qunit ⊕ range ⊕ ready ⊕ realtime ⊕ refactor ⊕ refactoring ⊕ reference ⊕ refresh ⊕ regex ⊕ reorder ⊕ repo ⊕ require ⊕ requirejs ⊕ resources ⊕ responsive ⊕ rest ⊕ rhino ⊕ ribbon ⊕ richtexteditor ⊕ rotate ⊕ roundabout ⊕ rounded ⊕ roundedcorners ⊕ routes ⊕ rss ⊕ rwd ⊕ sammy ⊕ scope ⊕ scraper ⊕ scraping ⊕ screencast ⊕ screencasts ⊕ scripting ⊕ scripts ⊕ scroll ⊕ scrolling ⊕ search ⊕ select ⊕ select-to-input ⊕ selectbox ⊕ selection ⊕ selector ⊕ selectors ⊕ selenium ⊕ seo ⊕ server ⊕ serverside ⊕ settimeout ⊕ sharing ⊕ shell ⊕ shim ⊕ shortcut ⊕ shortcuts ⊕ showcase ⊕ silverlight ⊕ simple ⊕ simplepie ⊕ sinatra ⊕ single ⊕ size ⊕ skeleton ⊕ slide ⊕ slider ⊕ slideshow ⊕ slideshows ⊕ sliding ⊕ snippet ⊕ snippets ⊕ socialnetworking ⊕ sort ⊕ sorting ⊕ source ⊕ spacing ⊕ special ⊕ spider ⊕ splittesting ⊕ sprite ⊕ sprites ⊕ stack ⊕ state ⊕ stateful ⊕ statistics ⊕ stats ⊕ stick ⊕ sticky ⊕ storage ⊕ string ⊕ strings ⊕ stylesheets ⊕ styling ⊕ suggest ⊕ suite ⊕ superfish ⊕ swf ⊕ swfupload ⊕ syntax ⊕ table ⊕ tables ⊕ tabs ⊕ tag ⊕ tagging ⊕ tags ⊕ tag_handler ⊕ techniques ⊕ template ⊕ templates ⊕ terminal ⊕ test ⊕ testing ⊕ text ⊕ textarea ⊕ textchange ⊕ theme ⊕ themeable ⊕ themeroller ⊕ themes ⊕ thumbnails ⊕ time ⊕ timeline ⊕ timepicker ⊕ timepickr ⊕ timer ⊕ timestamps ⊕ timing ⊕ tinymce ⊕ tips ⊕ toolbar ⊕ toolkit ⊕ tools ⊕ tooltips ⊕ toread ⊕ touch ⊕ trace ⊕ transition ⊕ transitions ⊕ tree ⊕ trick ⊕ tutorial ⊕ tutorials ⊕ typography ⊕ ui ⊕ underscore.js ⊕ undo ⊕ uniform ⊕ unique ⊕ unit ⊕ unittest ⊕ unittesting ⊕ updater ⊕ upload ⊕ uploader ⊕ uploadify ⊕ uploads ⊕ urchin ⊕ uri ⊕ url ⊕ usability ⊕ user:cowboy ⊕ useragent ⊕ userscripts ⊕ utilities ⊕ utility ⊕ utils ⊕ ux ⊕ validation ⊕ vertical ⊕ via:filamentgroup ⊕ via:twitter ⊕ video ⊕ videos ⊕ viewport ⊕ views ⊕ vimeo ⊕ visualization ⊕ wall ⊕ web ⊕ web2.0 ⊕ webapp ⊕ webdesign ⊕ webdev ⊕ webkit ⊕ webservice ⊕ website ⊕ webtool ⊕ widget ⊕ widgetfactory ⊕ widgets ⊕ window ⊕ wma ⊕ wordpress ⊕ words ⊕ workflow ⊕ wysiwyg ⊕ xml ⊕ yui ⊕ zend ⊕ zepto ⊕ zoom ⊕Copy this bookmark: