반응형
반응형

Maplace.js

 

A small Google Maps Javascript helper.

 

 

http://maplacejs.com/

 

Maplace.js helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map.
It requires jQuery and Google Maps API v3 so you need to have both in your page.

Features

  • Straightforward implementation with simple options
  • Can run as many maps as required
  • Markers and custom icons, zoom level and custom controls menu
  • Supports for Directions, Polygons, Polylines, Fusion tables and styled maps
  • Works in all major browsers, including IE6 (this website not so much)
  • Released under the MIT license

 

 

 

반응형
반응형

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.

반응형

+ Recent posts