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). 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 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. 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: $(function() { $( '#bb-bookblock' ).bookblock(); }); You also have to include the other scripts that are needed (see one of the demo files). Options The following options are available: Check out the demos with different configurations: Understanding Design Patterns in JavaScript.
Today, we're going to put on our computer science hats as we learn about some common design patterns. 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.
A design pattern is a reusable software solution Simply put, a design pattern is a reusable software solution to a specific type of problem that occurs frequently when developing software. Patterns are proven solutions to software development problems patterns are scalable as they usually are structured and have rules that you should follow patterns are reusable for similar problems We'll get into some examples of design patterns further in to the tutorial. Take a look at the three examples above.
XRegExp: JavaScript regex library. Node.js Guide. Create — A new kind of web editing interface. JS101 [unsaved] Animatable: One property, two values, endless possiblities. Box-shadow From: 0 0 black To: 0 150px 10px -50px rgba(0,0,0,.5) Author: @leaverou. Money.js / fx() - javascript currency conversion library. JavaScript Currency Conversion should be easy! 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 industry-standard exchange rate APIs, which people use to make currency trades, may cost anywhere between $100 and $1,000 per month for access! The fact is though, 99% of apps and shopping carts don't need this expensive level of accuracy! Also, money.js allows you to use any source of exchange rates.
Downloads NB: these links always point to the latest stable version of money.js: » money.js development version (4.3 kb) Oh hey! <? Organize Your Code with RequireJS. Writing web applications using JavaScript, HTML, and CSS can become overwhelming quickly. 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 A typical simple module is defined like this:
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: fullcalendar-1.6.4.zip Includes a basic stylesheet, the Google Calendar extension, and the necessary jQuery and jQuery UI files.
The jQuery UI files are only necessary if you plan to do drag & drop / resizing. View all releases » You can install FullCalendar through Bower, a package manager for web components. Once you have the bower command line tool installed, you can type: $ bower install fullcalendar CDNJS is kind enough to host FullCalendar's files through a reliable CDN, which you can directly link to from your site. //cdnjs.cloudflare.com/ajax/libs/fullcalendar/1.6.4/fullcalendar.min.js //cdnjs.cloudflare.com/ajax/libs/fullcalendar/1.6.4/fullcalendar.css //cdnjs.cloudflare.com/ajax/libs/fullcalendar/1.6.4/fullcalendar.print.css Note the // at the beginning of each URL. Backbone.js. Eloquent JavaScript: A Modern Introduction to Programming.