브라우져에 데이터를 저장하는 할 수 있는 

IndexedDB / WebSQL / WebStorage에 대해서 보다 쉽게 사용할 수 있는 자바스크립트 라이브러리

공식사이트 : http://dev.yathit.com/ydn-db

Github : https://github.com/yathit/ydn-db

LICENSE : Apache License ( https://github.com/yathit/ydn-db/blob/master/LICENSE )

사용방법은 심플한 편인 듯하다.

var db = new ydn.db.Storage('db-name');
db.put('store-name', {message: 'Hello world!'}, 'id1');
db.get('store-name', 'id1').always(function(record) {
  console.log(record);
});

그리고 공식사이트를 보면 다양한 쿼리 방법으로도 사용 가능 하고

RESTful API를 활용해서 동기화하는 방법도 가능 하다

(기본적으로 다양한 클라우드 서비스 지원하는 듯하고 자제적으로 API를 만들어서 사용해도 가능 할것으로 생각된다)

http://dev.yathit.com/ydn-db/doc/sync/build-in.html

Synchronizing with YDN-DB

YDN-DB have build in synchronization support for AWS S3 (Amazon simple storage service), ATOM syndicate format, OData, GData, GCS (Google cloud storage).

우선 내세우는 자세한 특정은 아래 정도인 듯한데  테스트를 해봐야 될 듯 하다.

- Multi-browser support

- Powerful query

- Database that Syncs

- Easy to debug

- High performance

- SQL support

- Custom build

- Full-text search

jQuery Table Plugin 괜찮은 것 소개

메뉴얼 : http://mottie.github.io/tablesorter/docs/index.html

데모 : http://mottie.github.io/tablesorter/docs/index.html#Demo

tablesorter Bootstrap LESS theme 도 지원함

아래 샘플 보면 row 추가삭제에 대한 설명이나 페이징에 대한 설명도 잘 나와있다.

샘플설명자료 : http://mottie.github.io/tablesorter/docs/index.html#Examples

그리고 다양한 추가 플로그인 존재하여서 관리툴 개발시 상당히 유용함

Plugins / Widgets
† these widgets are included in the jquery.tablesorter.widgets.js file (except for extra filter formatter functions) 
‡ this widget is included with the plugin core.

• Beta Align Character Widget (v2.15.8).
• Build Table Widget (v2.11; Updated v2.16).
• † Columns Highlight widget (v2.0.17)
• Beta Column Selector widget (v2.15; Updated v2.17.0).
• Content Editable widget (v2.9; v2.13.2).
• † Filter Widget (Updated v2.17.4):
  • basic (v2.0.18; Updated v2.17.5)
  • external option (match any column) (v2.13.3; v2.15)
  • external inputs (v2.14; v2.15)
  • custom (v2.3.6; v2.10.1)
  • custom searches (New v2.17.5)
  • formatter: jQuery UI widgets and HTML5 Elements (v2.7.7; Updated v2.17.5).
  • formatter: select2 (New v2.16.0; Updated v2.17.5)
• Grouping rows widget:
  • basic (v2.8; v2.15).
  • Grouping + filter + child rows (v2.15.12)
• Header titles widget (v2.15.6; 2.15.7)
• Beta Math widget (New v2.16; Updated v2.17.0).
• Beta Output widget (New v2.16; Updated v2.17.5) 
  
  
• Pager plugin (basic & ajax demos; Updated v2.17.5).
• Pager widget (basic & ajax demos) (v2.12; Updated v2.17.5).
  
  
• Beta Print widget (New v2.16.4; Updated v2.17.2)
• Beta Reflow widget (New v2.16)
• Repeat Headers widget (v2.0.5; v2.9)
• † Resizable Columns widget (v2.0.23.1; Updated v2.17.4)
• † Save sort widget (v2.0.27)
• Scroller widget (v2.9; Updated v2.17.3).
• Beta StaticRow widget (New v2.16; Updated v2.17.3).
• † Sticky header widget (v2.0.21.1; Updated v2.16.2)
• Sticky header (css3) widget (v2.14.2; Updated v2.16.4).
• † UITheme widget (Updated v2.17.4):
  • jQuery UI theme (v2.0.9)
  • Bootstrap (v2.4)
• ‡ Zebra stripe widget

※ Jquery용 tablesorter 

http://mottie.github.io/tablesorter/docs/index.html

※ 설명가이드가 상당히 잘되어있음(페이징설명되어있음)

http://mottie.github.io/tablesorter/docs/index.html#Demo

http://mottie.github.io/tablesorter/docs/index.html#Examples

※ 부스트랩테마도 지원

http://mottie.github.io/tablesorter/docs/example-widget-bootstrap-theme.html

jquery.animateNumber(Counter)

 - 숫자 점점 증가시켜 주는 Jquery Plugin

다운로드 및 예시 아래 사이트

http://aishek.github.io/jquery-animateNumber/

This plugin only 0 lines of code.
$('#lines').animateNumber({ number: 165 });

Fun level 0 %.
var percent_number_step = $.animateNumber.numberStepFactories.append(' %')
$('#fun-level').animateNumber(
  {
    number: 100,
    color: 'green',
    'font-size': '30px',

    easing: 'easeInQuad',

    numberStep: percent_number_step
  },
  15000
);

※ 예시는 사용할거 두개정도만 우선.. 좀더 자세한건 사이트 통해서.....!!깔끔하게 좋네!!!!!!!!!

    그리고 보면 ... 예전에는 직접 다 만들어서 사용했는데...

   요즘에는 그냥 구글링 하면 github이나 stackoverflow등 통해서 좋은소스들 너무 쉽게 찾는 것 같다;;;;;