반응형
반응형

JSDares — Learn JavaScript by programming games

Javascript - Reference/Added on May 6, 2013/Add to favorites

JSDares is a series of tutorials that will teach you step-by-step how to program JavaScript via game development. You complete “dares”, short puzzles, by copying the example with as few lines of code as possible. Right now it’s a proof of concept with examples, but soon there will be dare collections to start with.

JS Dares

 

반응형
반응형
jQuery $(‘body’).on() vs $(‘document’).on()

 

.delegate()

http://api.jquery.com/delegate/

Using body as the delegate

For best performance, attach delegated events at a document location as close as possible to the target elements. Avoid excessive use of document or document.body for delegated events on large documents.

HTML handle the Drag and Drop events:

$('body').on('dragover', filesDragged).on('drop', filesDropped);

Using document as the delegate

The document element is available in the head of the document before loading any other HTML, so it is safe to attach events there without waiting for the document to be ready.
By default, most events bubble up from the original event target to the document element.

It’s all about Speed!?

테스트 URL : http://jsperf.com/jquery-body-delegate-vs-document-delegate

반응형
반응형

Attractive JavaScript plotting for jQuery
Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.
Works with Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+

 

http://www.flotcharts.org/

 

Homepage: http://www.flotcharts.org/
GitHub: https://github.com/flot/flot
Docs: https://github.com/flot/flot/blob/master/API.md
Twitter: http://twitter.com/flotcharts
Demo Page: http://www.flotcharts.org/flot/examples/

반응형
반응형

Swipe is the most accurate touch slider. Read more

 

http://swipejs.com/

 

https://github.com/bradbirdsall/Swipe

 

 

 

=================================================

 

Jo was made for apps, not websites.

Your HTML5 app lives in a single page and Jo helps you create a native-like app experience. Sure, there's some DOM manipulation going on in there, but you don't have to worry about it unless you want to. Build your app with JavaScript, tweak some CSS and call it a day.

 

https://github.com/davebalmer/jo

 

Jo is a thin (~12K) candy shell for PhoneGap apps. It's an HTML5 mobile app framework which provides UI widgets, a flexible event model, a wrapper for sound, and a light data layer. Apps are skinnable with CSS3, and work everywhere PhoneGap does... and then some, including Adobe Air and OSX (desktop and dashboard). Read more

DEMOS

Cross-platform Screencast

Back in October, with an old UI theme called "Aluminum", the same Jo app running on a bunch of devices.

 

 

Kitchen Sink

DEMO Well, mostly a kitchen sink. Needs updating.

DEMO Another take on a kitchen sink, in progress.

YQL

DEMO Using JSONp to fetch some data from an RSS feed.

AJAX File Loader

DEMO Simple file load using AJAX wrapper.

 

 

.

 

반응형
반응형

https://github.com/EightMedia/hammer.js

 

A javascript library for multi-touch gestures :// You can touch this Read more

 

Hammer.js

Build Status

A javascript library for multi-touch gestures

I told you, homeboy / You CAN touch this / Yeah, that's how we living and you know / You CAN touch this

Features

  • Detects Tap, DoubleTap, Swipe, Drag, Pinch, and Rotate gestures
  • DOM Events
  • Debug plugins
  • Custom gestures
  • Chainable instance methods
  • jQuery plugin with events delegation (the on/off methods) available
  • IE8 and older compatibility with jQuery plugin
  • AMD support (RequireJS)
  • Unit tests
  • Option to disable mouse support, so only for touch and pen input.

Getting Started

See the Wiki on GitHub for documentation.

Contributing

In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using grunt. Please don't commit the dist versions with your changes, only the changed source files.

Further notes

Created by Jorik Tangelder and developed at Eight Media in Arnhem, the Netherlands.

It's recommend to listen to this loop while using hammer.js.

반응형
반응형

http://damirfoy.com/iCheck/

 

Homepage: http://damirfoy.com/iCheck/
GitHub: https://github.com/damirfoy/iCheck/

 

iCheck lets you create highly customized checkboxes and radio buttons using jQuery. It lets you build inputs that are identical regardless of platform, supports touch devices, includes keyboard accessible inputs, and is on 1KB gzipped. There are 15 options for customizing the checkboxes and radio buttons, along with 8 callbacks to handle changes, and 6 methods for making changes programmatically.

icheck

    Plugin features

    • Identical inputs across different browsers and devices — both desktop and mobile
    • Touch devices support — iOS, Android, BlackBerry, Windows Phone
    • Keyboard accessible inputsTab, Spacebar, Arrow up/down and other shortcuts
    • Customization freedom — use any HTML and CSS to style inputs (try 6 Retina-ready skins)
    • jQuery and Zepto JavaScript libraries support
    • Lightweight size — 1 kb gzipped
    • 25 options to customize checkboxes and radio buttons
    • 8 callbacks to handle changes
    • 7 methods to make changes programmatically
    • Saves changes to original inputs, works carefully with any selectors
    반응형

    + Recent posts