Pickadate.js — Responsive date & time picker

Pickadate.js is a responsive, mobile-friendly jQuery date & time input picker. Just insert one line of code and get a date picker with a popup calendar.

Guideline.js — Create non-invasive tours

Minified.js — A much smaller JS library

SkelJS — Build responsive sites and apps

Sly – jQuery Plugin for One-Directional Scrolling

http://darsa.in/sly/

Examples

• Horizontal
• Vertical
• Full page
• Infinite scrolling
• Parallax mode

자바스크립트 레퍼런스 모음 -  https://trello.com/#b/DlJ9r6tg/dev-ref

https://trello.com/#b/DlJ9r6tg/dev-ref

Backbone.js Ebook입니다.
영문판이고요. 한글 번역이 있었는데. 해당 Github Page가 삭제되었더라고요.
http://addyosmani.github.io/backbone-fundamentals/

Dailyjs 에 연재되었던 Backbone Tutorial입니다.
http://dailyjs.com/2012/11/29/backbone-tutorial-1/

여러 자바스크립트 라이브러리가 카테고리로 분류되어 있는 사이트입니다.
http://jster.net/

프론트엔드 개발시 참고할만한 다양한 기술 스택에 대해 분리되어있습니다.
https://github.com/dypsilon/frontend-dev-bookmarks

자바스크립트 코딩 스타일 가이드 문서입니다.
영문판: https://github.com/rwldrn/idiomatic.js
한글: https://github.com/rwldrn/idiomatic.js/tree/master/translations/ko_KR

다양한 자바스크립트 MV* 프레임웍에 대해 TODO 웹앱이 예제로 분류되어 있습니다.
실제 각 프레임웍을 사용해 어떻게 SPA를 작성하는지 참고할만합니다.
http://todomvc.com/

JQUERY MOBILE + PHONEGAP + ENERGIZE.JS
가이드
http://teusink.blogspot.kr/2013/04/android-example-app-with-phonegap-and.html
 
모바일페이지
http://www.teusink.org/blog/JQM-example-app/
 
다운로드
http://www.teusink.org/blog/PG-JQMExampleApp.zip
 
참고 : http://jadefan.blog.me/70158768436

bootstrap 하시는 분들은 다 아실수도 있겠지만 처음접하는 저에게는 신기하네요.. 템플릿 바로 적용해볼 수 있고 샘플들도 있네요.
http://bootply.com/

Backbone.js 배우는 방법 가이드
http://mobicon.tistory.com/226
DEV.STUDY 멤버이신 윤영식님의 블로그 입니다.

ajax() 메소드는 비동기 요청을 수행.

http://api.jquery.com/jQuery.ajax/
http://www.w3schools.com/jquery/ajax_ajax.asp

jQuery.ajax( url [, settings ] )Returns: jqXHR

  $.ajax({
     url:"demo_test.txt",
     success:function(result){
       $("#div1").html(result);
   }});

getJSON() 메소드는 AJAX HTTP Get 요청을 사용하여 JSON 데이터를 가져온다.

http://api.jquery.com/jQuery.getJSON/
http://www.w3schools.com/jquery/ajax_getjson.asp

jQuery.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )Returns: jqXHR

$.getJSON('http://yoururl?callback=?', function(data){alert(data)});

var jqxhr = $.getJSON( "example.json", function() {console.log( "success" );})
             .done(function() { console.log( "second success" ); })
             .fail(function() { console.log( "error" ); })
             .always(function() { console.log( "complete" );
             });
             // perform other work here ...
             // Set another completion function for the request abovejqxhr.complete(function() { console.log( "second complete" ); });

jqxhr.complete(function() { console.log( "second complete" ); });

getScript() 메소드는  AJAX HTTP GET 요청을 이용하여 javascript를 실행한다.

http://api.jquery.com/jQuery.getScript/

jQuery.getScript( url [, success(script, textStatus, jqXHR) ] )Returns: jqXHR

$.getScript("demo_ajax_script.js");

$.getScript("ajax/test.js", function(data, textStatus, jqxhr) {  
                     console.log(data); //data returned  
                     console.log(textStatus); //success  
                     console.log(jqxhr.status); //200  
                     console.log('Load was performed.');});

$.getScript("ajax/test.js").done(function(script, textStatus) { 
                                    console.log( textStatus );})
                           .fail(function(jqxhr, settings, exception) { 
                                    $( "div.log" ).text( "Triggered ajaxError handler." );
                           });

Alertify.js

Browser dialog boxes never looked so good. Try this jQuery plugin. An unobtrusive customizable Javascript notification system. Includes modal dialogs and non-modal notifications.

Avgrund Modal

Avgrund is a jQuery plugin for modal boxes and popups. It uses interesting concept showing depth between popup and page. It works in all modern browsers and gracefully degrade in those that do not support CSS transitions and transformations (e.g. in IE 6-9 has standard behavior).

iCheck

iCheck is created to avoid routine of reinventing the wheel when working with checkboxes and radio buttons. It provides an expected identical result for the huge number of browsers, devices and their versions. Callbacks and methods can be used to easily handle and make changes at customized inputs.

Long Press

With Long Press, you can insert rare characters as easily as on Android or iOS.

Complexify

Websites have a responsibility to users to accurately tell them how good a password is, and this is not an easy job. Complexify aims to provide a good measure of password complexity for websites to use both for giving hints to users in the form of strength bars, and for casually enforcing a minimum complexity for security reasons

jQuery Knob

This cool jQuery plugin allows you to create really cool circular knobs that spin as you scroll.

Pickadate.js

The mobile-friendly, responsive, and lightweight jQuery date & time input picker.

Chosen

Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.

Fancy Input

Use this plugin if you want to make HTML input field typing fun with some CSS3 effects. This plugin does not have any current plans to support any version of IE.

Windows

A handy, loosely-coupled jQuery plugin for full-screen scrolling windows.

Sticky

Sticky is a jQuery plugin that gives you the ability to make any element on your page always stay visible.

Super Scrollorama

With this super jQuery plugin, you can create super cool scroll animations in any website.

Stellar.js

Parallax has never been easier. Stellar.js is a jQuery plugin that provides parallax scrolling effects to any scrolling element.

Scrollpath

Scrollpath is a plugin for defining custom scroll paths. It uses canvas flavored syntax to draw lines and arcs.

Textillate.js

Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text.

Arctext.js

While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let’s you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.

Bacon

Bacon is a jQuery plugin that allows you to wrap text around a bezier curve or a line.

Lettering.js

A jQuery plugin for radical web typography. Web type is exploding all over the web but CSS currently doesn’t offer complete down-to-the-letter control. So this jQuery plugin gives you that control.

FitText.js

FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

Gridster.js

Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns. You can even dynamically add and remove elements from the grid.

Freetile

Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will attempt to arrange it’s children in a layout that makes optimal use of screen space, by “packing” them in a tight arrangement.

nanoScroller.js

nanoScroller.js is a jQuery plugin that offers a simplistic way of implementing Mac OS X Lion-styled scrollbars for your website.

Tubular.js

Tubular is a jQuery plugin that lets you set a YouTube video as your page background. Just attach it to your page wrapper element, set some options, and you’re on your way.

Backstretch

A simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element.

iPicture

iPicture creates interactive pictures with extra descriptions, embedded video, links or everything else using javascript and css3.

Adipoli

Adipoli is a simple jQuery plugin used to bring stylish image hover effects.

TiltShift.js

A jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6.

Threesixty.js

Amazing jQuery plugin for creating draggable 360s.

Spectragram

An easy jQuery plugin for Instagram API to fetch and display user, popular or tags photo feeds inside your web application or site.

jQuery Countdown

A simple jQuery plugin for creating a countdown timer. It shows the remaining days, hours, minutes and seconds to your event, as well as an animated updates on every second.

jQuery PointPoint

This jQuery plugin draw users’ attention to a specific part of the page, in the form of a small arrow that is displayed next to their mouse cursor.

Social Feed

A jQuery plugin which shows a user feed from the popular social networks.

PercentageLoader

A tiny jQuery plugin for displaying progress in a visual and engaging way. jQuery.Percentage Loader is a jQuery plugin for displaying a progress widget in more visually striking way than the ubiquitous horizontal progress bar / textual counter. Installation and use is quick and simple. It makes use of HTML 5 canvas for a rich graphical appearance with only a 10kb (minified) javascript file necessary (suggested web font optional), using vectors rather than images so can be easily deployed at various sizes.

Tooltipster

A powerful, flexible jQuery plugin enabling you to easily create semantic, modern tooltips enhanced with the power of CSS.

Toolbar.js

Toolbar allows you to quickly create tool tip style toolbars for use in web applications and websites. The toolbar is easily customizable using the Twitter Bootstrap icons and provides flexibility around the toolbars display and number of icons.