background preloader

JavaScript libs

Facebook Twitter

A Simple JavasScript Preloader. A JavaScript Preloader for HTML5 Apps PxLoader is a Javascript library that helps you download images, sound files or anything else you need before you take a specific action on your site (like showing a user interface or starting a game).

A Simple JavasScript Preloader

You can use it to create a preloader for HTML5 games and websites. It let's you monitor download status by providing progress and completed events and it lets you prioritize the order in which items are downloaded. You can even tag groups of files and then prioritize downloads or register for events by tag. We created PxLoader for the HTML5 version of Cut the Rope and out of the box works great with images and sound files (the types of resources we needed for the game), but it's designed to be extensible and work with any file type or other network action.

Step by Step Instructions. GoJS. GoJS is the only diagram library for HTML5 Canvas that supports data binding and templates.

GoJS

GoJS integrates these concepts cleanly and coherently into a powerful diagramming extension to the HTML5 JavaScript environment. Diagram Models and Data Binding One of the principal features of the Model-View-ViewModel design pattern is the use of data binding. There are at least two kinds of relationships that a diagram can support between data items: Relationships forming a graph of nodes and links (or in similar terminology: nodes and arcs, or entities and relationships, or vertices and edges) Grouping relationships, where a group contains members; perhaps for part/sub-part containment, or for the nesting of subgraphs GoJS makes use of a model to discover, maintain, navigate, and modify these relationships based on the data to which the diagram is bound.

If you look at our online demos, you will see how little code you need to visualize and update your data. Will result in this diagram: Bootstrap. Slider for Bootstrap, from Twitter. Example Basic example with custom formater Range selector, options specified via data attribute.

Slider for Bootstrap, from Twitter

Filter by price interval: € 10€ 1000. Datepicker for Bootstrap, from Twitter. Example Attached to a field with the format specified via options.

Datepicker for Bootstrap, from Twitter

Attachet to a field with the format specified via data tag. As component. Start with years viewMode. Limit the view mode to months Attached to other elment then field and using events to work with the date values. CreateJS. Recent Updates Follow @CreateJS November 2014 Added Unit Tests to EaselJSUpdates in preparation for new releases (coming soon).

CreateJS

New class model, with big performance increases October 2014 Added 'Extras' to EaselJSTons of updates and pull requests in all libs July 2014 Major Updates to EaselJS Graphics The Story Why we built CreateJS About CreateJS CreateJS is a suite of modular libraries and tools which work together to enable rich interactive content on open web technologies via HTML5. Featured Projects. Starling.js. Three.js - JavaScript 3D library. Cocos2d-x.

jQuery. jQuery Waypoints. jCarousel - Riding carousels with jQuery. jQuery framework for building HTML5 web apps. Grid The Grid widget displays tabular data and offers rich support for interacting with data; including paging, sorting, grouping, and selection.

jQuery framework for building HTML5 web apps

Scheduler The Scheduler allows users to create and manage single or recurring tasks in day, week, month and custom views. Supports touch, mouse, and keyboard. Editor The Editor allows users to create rich text content by means of a WYSIWYG interface. AutoComplete The AutoComplete provides suggestions depending on the typed text. ComboBox The ComboBox widget allows selection from pre-defined values or entering a new value. DatePicker The DatePicker allows the end user to select a date from a calendar or by inputing the data directly.

ListView The ListView is designed to give your the freedom to specify custom type of layout for the items displayed in the control. DataSource The DataSource component is an abstraction for using local (arrays of JavaScript objects) or remote (XML, JSON, JSONP) data. Light (4kb mini-jQuery) - JavaScript. jQuery SVG. SVG (Scalable Vector Graphics) is a modularized language for describing two-dimensional vector and mixed vector/raster graphics in XML.

jQuery SVG

It is a W3C Recommendation currently at version 1.1. SVG is a language for describing two-dimensional graphics in XML. SVG allows for three types of graphic objects: vector graphic shapes (e.g., paths consisting of straight lines and curves), images and text. Graphical objects can be grouped, styled, transformed and composited into previously rendered objects. The feature set includes nested transformations, clipping paths, alpha masks, filter effects and template objects.

SVG is implemented natively in Firefox from version 1.5, Opera from version 8.5, Safari from version 3.0, and in IE from version 9.0. This plugin allows you to manipulate the SVG from JavaScript. Download and include the jQuery SVG CSS and JavaScript in the head section of your page. jQuery Form Plugin. The following code controls the HTML form beneath it.

jQuery Form Plugin

It uses ajaxForm to bind the form and demonstrates how to use pre- and post-submit callbacks. AJAX response will replace this content. The following code controls the HTML form beneath it. It uses ajaxSubmit to submit the form. This page gives several examples of how form data can be validated before it is sent to the server. The following login form is used for each of the examples that follow. Form Markup: <form id="validationForm" action="dummy.php" method="post"> Username: <input type="text" name="username" /> Password: <input type="password" name="password" /> <input type="submit" value="Submit" /> </form> First, we initialize the form and give it a beforeSubmit callback function - this is the validation function.

Validate Using the formData Argument Validate Using the jqForm Argument Validate Using the fieldValue Method. JqTree. jDataView/jDataView. BBCODE Parser. Javascript MD5 - Javascript tutorial with example source code. Javascript base64 - Javascript tutorial with example source code. Js-yaml/lib/yaml.js at master · visionmedia/js-yaml. Knockout : Home. Jsviews.