link : https://wiki.appcelerator.org/display/tis/JavaScript+Library+Support

JavaScript Library Support

Jindo

http://dev.naver.com/projects/jindo

JindoJS 공식홈페이지 바로가기

Jindo 2.0.0 간략소개보기 (slideshare PPT문서)

Jindo 2.0.0 업그레이드 가이드 (Web문서)

아래 그림과 같이 Jindo는 desktop에서 사용하는 프레임워크와 컴포넌트, 모바일에서 지원하는 프레임워크와 컴포넌트로 구성되어 있다.

레퍼런스

Jindo

-	Jindo	Jindo Mobile
한국어 버전	API Reference	API Reference
영어 버전	API Reference	API Reference

Jindo Component

API Reference 선택 다운로드

Jindo Mobile Component

API Reference 선택 다운로드

지원 브라우저

Desktop	Mobile
(6.0 이상)	(2.1 ~ 4.1)
(2 이상)	(3.0 ~ 6.x)
(4.0 이상)	-
(3.0 이상)	-
(10.0 이상)	-

확장기능

Base64 Encode/Decode 확장 - jindo.$S.xBase64

21 Amazing jQuery Pagination Plugins

http://inspiretrends.com/jquery-pagination-plugins/

Easy Paginate jQuery Plugin for Pagination

Demo || Download

With pagination controls you are able to glance through easily and simply through the items found on the list. This plugin allows easy implementation which are very useful and important to use it in you projects. It main function is to check large number items on the list quickly.

jPages: jQuery Pagination Plugins

Demo || Download

jPages is a client-side pagination plugin but it gives you a lot more features comparing to most of the other plugins for this purpose, such as auto page turn, key and scroll browse, showing items with delay, completely customizable navigation panel and also integration with Animate.css and Lazy Load.

jQuery Simple Content Sorting Plus Plugin

[ Demo || Download ]

This plugin creates a simple content sorter for your content and allows you to control your content with pagination!

WordPress Smart Pagination Plugin

[ Demo || Download ]

Smart Pagination WordPress Plugin includes custom pagination to your website in just a couple of mintes

Beautiful Data: jQuery Pagination Plugins

[ Demo || Download ]

Beautiful Data is a great way to turn a boring HTML table into something that supports features like paging and sorting. This jQuery plugin can also access data from CSV and JSON just by specifying the source file.

jPList

[ Demo || Download ]

jPList is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure (DIVs, UL/LI, tables, etc)

AJAX Pagination using jQuery and PHP with Animation

Demo || Download

This is one of the best plugins that is easy to use and users and developers do not have to refresh the sites every now and then. It mostly uses animation and is becoming one of the popular website functions.

Easy pagination with jQuery and Ajax

Demo || Download

It maintains your data only in a fixed size and allowing you to navigate easily backwards and forward. The information can now be easily digest into smaller pieces.it reduces the load on the server and the page reloading.

Extreme Makeover: jPaginator CSS3Edition

Demo || Download

This tutorial is mainly designed for the beginners and takes very few minutes to be completed. It contains a lot of pages links that can be navigated along first so that you can be able to select them. Your experience in the websites are really improved by the slider for animating links.

jQuery Quick Pagination

Demo || Download

It enables the user to generate quick long list and page contents into numbered format. It is important part of the website as it allows designers and other developers to neatly separate their websites content very easily and efficiently tom access pagination without messing up with things.

jQpagination

Demo || Download

This is a jQuery plugin for quickly creating a JavaScript which control pagination interface and functionality. The plugin present is controlled with a special class and attributes of HTML elements. It is pretty simple and unique and yet functional.

jQuery Pagination Plugin

Demo || Download

They enable you to display more than one page with the present navigational elements in order to move from one page to the next. When there are large list to search for results or articles it is able to display them in grouped amount of different pages.

jQuery Pagination Revised

Demo || Download

This plugins contains a wide variety of features which are used for effective working of the website. The long list in a huge page can be separated into multiple pages. The site layout is improved with the database and other properties with full control to adapt to the style properly.

jPaginate-jQueryPagination System Plugin

Demo || Download

The new version comes with instant HTML pagination which has the speed and property to allow you separate a series of elements. The splitting of series put elements into organized pages which give it more appealing appearance.

jQuery Pagination Plugin: Smart Paginator

Demo || Download

jQuery Pagination plugin makes the task very easy and simple for different navigation logic that is already incorporated for customization purposes. On the client side it filter the data of the user automatically due to presence of Smart Pagination jQuery and it allows addition of Pagination.

jPaginate: A Fancy jQuery Pagination Plugin

Demo || Download

You can be able to glide through the different pages by hitting over the arrows. The pagination plugin with sensibility to apply animation on page numbers for efficacy. It also provides many short links on one side to the pages on the other end.

Pajinate-A jQuery Pagination Plugin

Demo || Download

It is among one of the flexible and simple plugin that comes with different tools to separate long lists into different various break up pages. The point between paginated page loads is very minimal and it is the simpler app to serve as side implementations.

Pagination with jQuery, MySQL and PHP

Demo || Download

This is a flexible jQuery plugin which comes in a manner to show you how implement Pagination. It is contain in the JavaScript which comes with PHP jQuery and MySQL. The script contained is very easy and simple to use.

Sweet Pages: A jQuery Pagination Solution

Demo || Download

It allows you to convert and change unordered file of different items into a search engine optimization friendly which are put to navigate pages. The user uses it to comment on their treads or other type of configured contents.

Simple Pagination

Demo || Download

The jQuery plugin enables easy and simple pagination. They simplify the different kinds of tasks, they also come with 3CSS themes which are simple to use and allows customization of your website. It get most of its support from Bootstrap.

jPaginator

Demo || Download

It fun to use it as it comes with a slider which you can ask for an unlimited number of pages to be open. It contains unique elements which you can use. It also comes with CSS page which enable easily customization of the website.

SyntaxHighlighter

http://alexgorbatchev.com/SyntaxHighlighter/

40 Best Free HTML5 Tutorials For Web Designing

http://inspiretrends.com/best-free-html5-tutorials/

http://inspiretrends.com/best-free-html5-tutorials/2/

range of mobile devices can be challenging

Growing Thumbnails Portfolio

In this tutorial, Learn making a portfolio with HTML5, jQuery and CSS3 that features an interesting growing effect.

HTML5 Unleashed: Tips, Tricks and Techniques

In this tutorial, you will get basic guidelines, tips about templates

Create a Stylish Contact Form with HTML5 & CSS3

You can learn about create your own stylish contact using HTML5 and CSS3.

Create Vector Masks using the HTML5 Canvas

In this tutorial we will look at how to use the canvas tag and clipping to create images that aren’t so rectangular.

HTML5 File Uploads with jQuery

The tutorial is showing a progress bar, all of which controlled on the client side. Currently, the photos are only stored in a folder on the server, but you could improve it any way you like.

Create a Grid Based Web Design in HTML5 & CSS3

Follow this step by step walkthrough of the making of a sleek website design for an eyewear brand in HTML5 and CSS3.

Designing a Blog with HTML5

In this tutorial, you can learn about designing a blog with HTML5 step by step.

How to Build Cross-Browser HTML5 Forms

In this tutorial, we’re going to take a look at how to serve HTML5 forms to modern browsers, while compensating for older browsers by using a mix of Webforms2, Modernizr, jQuery UI and assorted jQuery Plugins.

Implementing HTML5 Drag and Drop

One of the new features in HTML5 is native drag and drop. Surprisingly, Internet Explorer has had support for this since version 5.5; in fact, the HTML5 implementation is based on IE’s support.

Coding a CSS3 & HTML5 One-Page Website Template

We are making a HTML5 web template, using some of the new features brought by CSS3 and jQuery, with the scroll To plug-in.

HTML5 and CSS3 Without Guilt

How to Make an HTML5 iPhone App

I’ll show you how to create an offline HTML5 iPhone application. More specifically, I’ll walk you through the process of building a Tetris game.

Design & Code a Cool iPhone App Website in HTML5

In this tutorial we’ll get a taste of what’s to come by building a cool iPhone app website using a HTML5 structure, and visual styling with some CSS3 effects.

Have a Field Day with HTML5 Forms

how to style a beautiful HTML5 form using some advanced CSS and latest CSS3 techniques

HTML 5 and CSS 3: The Techniques You’ll Soon Be Using

In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3.

HTML5 Canvas Element Guide

You get a firm fundamental understanding of canvas in preparation for creating something interesting and powerful with this unique HTML5 element.

Bouncing a Ball Around with HTML5 and JavaScript

This guide will explore the use of HTML5′s <canvas> element through a fun example: bouncing a blue ball around.

Blowing up HTML5 video and mapping it into 3D space

Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3

This is a run through of the basics of HTML5 and CSS3 while still paying attention to older browsers

Code a Vibrant Professional Web Design with HTML5/CSS3

We will use HTML5 and CSS3, as a proof of concept and as a way for you to learn these upcoming W3C standards through practice. We will also use the 960 Grid System to speed up development time.

Simple Website Layout Tutorial Using HTML 5 and CSS 3

How to Draw with HTML 5 Canvas

Among the set of goodies in the HTML 5 specification is Canvas which is a way to programmatically draw using JavaScript.

The video element

The <video> element is brand new in HTML 5 and allows you to, get this, play a movie in your website! The data of this element is supposed to be video but it might also have audio or images associated with it.

Building a live news blogging system in php

This tutorial help you for learning of building a live news, blogging system and their functions.

Combining Modern CSS3 and HTML5 Techniques

Just because some techniques don’t work in decade old browsers doesn’t mean that you shouldn’t be learning everything you can!

webOS HTML5 Database Storage Tutorial

If you haven’t been able to find any tutorials on HTML5′s storage capability, This tutorial will help you!

The Official Guide to HTML5 Boilerplate

How To Create a Cute Popup Bar With HTML5, CSS3 and jQuery

The popup bar was only tested in Chrome and Safari and may not work in other browsers.

An HTML5 Slideshow with Canvas & jQuery

You’ve probably heard a lot about the new HTML5 canvas element. As the name implies, this is a special element that allows us to create and modify graphics.

Designing Search Boxes with HTML5 and CSS3

Here, with the help of three simple examples, allow me to show how to code search boxes with HTML & CSS and how to spice things up with a bit of Javascript.

Rethinking Forms in HTML5

While there are many changes for the better in the HTML5 specification, there is no better bang for the buck for the data driven website than the transformation of forms.

HTML 5 Tutorial for Web Developers: The Video Element

HTML5 Apps: Positioning with Geolocation

In this tutorial you will learn the geolocation capabilities of HTML5 and the basic principles needed to take advantage of them in your next HTML5 app!

How to Make All Browsers Render HTML5 Correctly — Even IE6!

In this tutorial, we’ll create a common layout using some of HTML 5′s new semantic elements, then use JavaScript and CSS to make our design backwards-compatible with Internet Explorer.

Coding Up a Web Design Concept into HTML & CSS

The design features a clean grey background, but with splashes of vibrant colour in the header, and throughout the page with links and buttons taking bright colour swatches from the main illustration.

HTML5 Visual Cheat Sheet

HTML 5 Visual Cheat Sheet is an useful cheat sheet for web designers and developers designed by me.

HTML5 Canvas Experiment

How to Create a Drop-down Nav Menu

In this tutorial, we’ll take a look and see what we can achieve with HTML5 and CSS3 when it comes to the staple of current web sites: the humble drop-down navigation menu. We’ll also use jQuery to handle the effects and add the finishing touches for us.

http://codegeekz.com/best-jquery-chart-libraries-for-building-interactive-charts/

1. Chart.js : Charting Library with HTML5 Canvas

Chart.js is an impressive JavaScript charting library that is built on top of HTML5 canvas. It currently supports 6 chart types (line, bar, radar, pie, column and polar area) and all this comes in a standalone, less than 5kb package. Colors, fonts, borders and their sizes can all be customized. Also, optionally, charts can be loaded with an animation.

Source

2. xCharts : For Building Data-Driven Charts

xCharts is a JavaScript library for building beautiful and custom data-driven chart visualizations for the web using D3.js. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization.

Since xCharts use SVG, we are able to accomplish most of our styling of xCharts directly through CSS. This means you have quite a bit of control to handle the visualization however you want. The best way to style charts is to start with the included stylesheet, or use your browser’s element inspector to see each elements CSS class selectors that are available to use.

Source

3. Sigma.js : Draw Graphs Using HTML5 Canvas Element

Sigma.js is a free and open-source JavaScript library to draw graphs, using the HTML5 canvas element. It has been especially designed to share interactive network maps on a Web page or to explore dynamically a network database. It is distributed under the MIT License.

Source

4. HighCharts

Highcharts is a charting library written in pure HTML5/JavaScript, offering intuitive, interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall and polar chart types.

Source

5. Fusion Charts

The FusionCharts jQuery plugin helps you add interactive JavaScript charts and graphs to your web, mobile and enterprise applications. It combines the delight and comprehensiveness of FusionCharts Suite XT with the easy-to-use jQuery syntax.

Source

6. Flot : 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. Some key features of plot is turning series on/off, zooming, interacting with the data points and it integrates a simple tooltip feature.

Source

7. JS Charts : Free JavaScript Charts

JS Charts is a JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to use client-side scripting (i.e. performed by your web browser). No additional plugins or server modules are required. Just include our scripts, prepare your chart data in XML, JSON or JavaScript Array and your chart is ready!

Source

8. jQuery Sparklines

This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript. The plugin is compatible with most modern browsers and has been tested with Firefox 2+, Safari 3+, Opera 9, Google Chrome and Internet Explorer 6, 7, 8 & 9 as well as iOS and Android.

Source

9. Morris.js : Draw Time-Series Line Graphs

Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing time-series graphs easy. Morris.js started life as the code that powered the graphs on howmanyleft.co.uk. Now it’s been open-sourced for the whole world to extend and enjoy.

Source

10. jQuery OrgChart

jQuery OrgChart is a plugin that allows you to render structures with nested elements in a easy-to-read tree structure. To build the tree all you need is to make a single line call to the plugin and supply the HTML element Id for a nested unordered list element that is representative of the data you’d like to display.

Source

11. jgPlot

jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features like rotated axis text, automatic trend line computation, tooltips and data point highlighting, sensible defaults for ease of use and many more.

Source

12. Grafico

Grafico is a javascript charting library built with Raphaël and Prototype.js. The library provides a wide array of graphs and stays with the guidelines laid out by Stephen Few and Edward Tufte. Grafico provides pretty charts that effectively communicate their information.

Source

13. GraphUp

GraphUp is a very flexible and lightweight jQuery (v1.4+) plugin to spice up your data tables. It visualizes the values using color, bar charts and bubbles.

Source

14. dygraphs

dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them. You can mouse over to highlight individual values. Click and drag to zoom. Double-click to zoom back out. Change the number and hit enter to adjust the averaging period.

Source

15. jsPlumb jQuery Plugin

jsPlumb jQuery plugin provides a means for a developer to visually connect elements on their web page, in much the same way you might have seen on Yahoo Pipes. jsPlumb allows you to connect elements on the screen with “plumbing”, using a Canvas element when supported, and Google’s Explorer Canvas script to support older browsers. Full transparent support for jQuery dragging is included, the API is super simple, and the compressed version of the script is just 10.5K.

Source

Best jQuery Chart Libraries for Building Interactive Charts Code Geekz.mht