background preloader


Facebook Twitter

A suite of Javascript libraries and tools designed for working with HTML5. Recent Updates Follow @CreateJS November 2014 Added Unit Tests to EaselJSUpdates in preparation for new releases (coming soon).

A suite of Javascript libraries and tools designed for working with HTML5

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 Community Show & Tell. Ion Drift A port of the Flash game Ion Drift, b10b was able to build a CreateJS version in less than a day that hit target framerates on even the lowest devices, and outperformed ports to other libraries. By b10b. BookBlock: A Content Flip Plugin.

A jQuery plugin that will create a booklet-like component that let's you navigate through its items by flipping the pages.

BookBlock: A Content Flip Plugin

View demo Download source BookBlock is a plugin that can be used for creating booklet-like components that allow a “page flip” navigation. Any content can be used, such as images or text. The plugin transforms the structure only when needed (i.e. when flipping a page) and uses some overlays as shadow for the pages to create more realism. We will be using jQuery++ by Bitovi which has some add-ons for jQuery (specifically, to add the swipe event). The following structure will allow to add custom content in a wrapper with the class “bb-item”, which represents an open page (left and right side): The plugin can be called like this: You also have to include the other scripts that are needed (see one of the demo files).

Options The following options are available: Understanding Design Patterns in JavaScript. Today, we're going to put on our computer science hats as we learn about some common design patterns.

Understanding Design Patterns in JavaScript

Design patterns offer developers ways to solve technical problems in a reusable and elegant way. Interested in becoming a better JavaScript developer? Then read on. Republished Tutorial Every few weeks, we revisit some of our reader's favorite posts from throughout the history of the site. Solid design patterns are the basic building block for maintainable software applications. XRegExp: JavaScript regex library. Node.js Guide. Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices. — The official Node.js website This manual consists of three different sections: The Node.js API Reference documents the core Node.js modules The Node.js Guide contains articles and code samples on coding in Node.js The Javascript Reference contains doucmentation about the Javascript language You can instantaneously copy and run the code samples found here into your Cloud9 IDE account by just clicking a button.

Contributing You can help! Use the [edit] links near the article titles to edit them online into the Cloud9 IDE. OpenJsCad. Web based solid modeling in Javascript: user editable parametric models, STL and DXF export.


Error: WebGL not supported OpenJsCad requires a WebGL enabled browser. Try a recent version of Chrome of Firefox. Processing, please wait... Create — A new kind of web editing interface. JS101 [unsaved] Animatable: One property, two values, endless possiblities. Money.js / fx() - javascript currency conversion library. JavaScript Currency Conversion should be easy!

money.js / fx() - javascript currency conversion library

Forget trying to adapt those 10-year-old "FREE Currency Converter JavaScripts! " into something workable for your enterprise software or shopping cart: money.js is a simple library with one function: to convert a value from any currency to any other currency. Read on for some background information (recommended!) Or jump straight to the downloads, demo playground or documentation. Introduction First things first: in order to do currency conversion in JavaScript, you need a reliable source of real-time exchange rates. The fact is though, 99% of apps and shopping carts don't need this expensive level of accuracy! With that in mind, the Open Exchange Rates API uses algorithmic blending to calculate a consistently accurate and unbiased set of rates for 160 world currencies - and costs 10-20x less than the most popular competitor (with a Forever Free plan for most users).

Organize Your Code with RequireJS. Writing web applications using JavaScript, HTML, and CSS can become overwhelming quickly.

Organize Your Code with RequireJS

Between managing UI, data, interactions, and network requests, application code can become a real mess, and this isn’t helped by the way the browser loads JavaScript code. In most other programming environments, there is some way to split your code into modules or scripts, and specifically require one module from another. In JavaScript, we can split our code into multiple files, but there is no way to declare in one script that you are depending on another.

Worse yet, the place where scripts are loaded isn’t even in the same language you are writing your code. You load all your JavaScript dependencies from your HTML document, not your JavaScript files. I have had the opportunity to work on a large single page application for Treehouse, and tried using RequireJS, and I love it. How does RequireJS make building an application easier? Module Definition. FlexBox. Say, you know what would be a great idea? Since you're already down here, it would be great if you could get a can of pesticide and take care of the cockroach problem we've been having. FullCalendar - Download. Latest: Includes a basic stylesheet, the Google Calendar extension, and the necessary jQuery and jQuery UI files.

FullCalendar - Download

The jQuery UI files are only necessary if you plan to do drag & drop / resizing. View all releases » Backbone.js. Eloquent JavaScript: A Modern Introduction to Programming.

Google Maps