반응형
반응형

Most Popular jQuery Plugins of March 2013

 

http://www.moretechtips.net/2013/05/most-popular-jquery-plugins-of-march.html

 

1. jQuery-menu-aim

 jQuery-menu-aim

menu-aim is a jQuery plugin for dropdown menus that can differentiate between a user trying hover over a dropdown item vs trying to navigate into a submenu's contents.

2. iCheck

Highly customizable checkboxes and radio buttons with jQuery and Zepto. It provides Identical inputs across different browsers and devices and support for Touch devices.

3. windows

windows

loosely-coupled jQuery plugin for full-screen scrolling windows.

4. Maplace.js

Maplace.js

Maplace.js helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map.

5. Donuts

Donuts



 

6. MagicSuggest

 MagicSuggest

Auto-suggest combo box with bootstrap theme using jQuery.

7. Unslider

 Unslider

Unslider is a very simple jQuery Slider, still it comes with a range of options to customise it.

8. jQuery.Pin

jQuery.Pin

jQuery.Pin helps to pin any element to the top of a container. It can be also disabled for smaller screen-sizes where there's no room for it.

9. Photoset Grid

Photoset Grid

A simple plugin to arrange images into a flexible grid, based on Tumblr's photoset feature.

10. HCaptions

HCaptions

HCaptions enables you to display caption overlays with cool effects over images, div's, ect..

11. Navi.js

 Navi.js

Navi makes it easy to dynamically display content on your sites. Instead of cluttering up your site tree with extra files, you can easily write all of your html code for multiple pages in one file.

12. JResponsive

JResponsive

JResponsive will organize your content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will arrange its children in a layout that makes optimal use of screen space, by "packing" them in tightly.

13. Selecter

Selecter

A plugin to replace default select elements with something a little nicer.

14. Trip.js

Trip.js

A light-weight jQuery plugin that can easily customize a 'tutorial trip'.

반응형
반응형

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.

 

 

.

 

반응형

+ Recent posts