Check it out: http://createjs.org/
The suite includes the following:
- EaslJS - Graphics library for working with the HTML5 canvas
- SoundJS- Abstracted cross-browser HTML5 audio library
- PreloadJS - Manage and coordinate loading of assets and resources. Uses XHR2 to provide real-time progress information
Mobile development with HTML5
Take a look at these three articles on mobile development with HTML5, then checkout some of the frameworks and plugins below for a plethora of resources!
Blogs and examples
How I built the Hacker News mobile web app:
IBM: Create offline web applications on mobile devices with HTML5:
MSDN: Using HTML5 to create mobile experiences:
Frameworks and resources
jQuery Mobile - Touch-Optimized Web Framework for Smartphones & Tablets:
jQTouch - A Zepto/jQuery plugin for mobile web development on the iPhone,
Android, iPod Touch, and other forward-thinking devices.
Skeleton - A Beautiful Boilerplate for Responsive, Mobile-Friendly Development:
PhoneGap - the only open source mobile framework that supports 7 platforms:
FitVid.js - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
The site creators aim to support ALL actively developed frameworks - to ensure testing compatibility.
WYSIWYG HTML Editors
Maqetta is an open source project that provides WYSIWYG visual authoring of HTML5 user interfaces. The Maqetta application itself is authored in HTML, and therefore runs in the browser without requiring additional plugins or downloads.
Maqetta is available under a commercial-friendly open source license. You can download the source code and install it on your own server, customize the code to fit your needs and/or contribute improvements to the open source project.
BlueGriffon is a new WYSIWYG content editor for the World Wide Web. Powered by Gecko, the rendering engine of Firefox 4, it’s a modern and robust solution to edit Web pages in conformance to the latest Web Standards.
It’s free to download (current stable version is 1.0) and is available on Windows, Mac OS X and Linux.
CKEditor is a text editor to be used inside web pages. It’s a WYSIWYG editor, which means that the text being edited on it looks as similar as possible to the results users have when publishing it. It brings to the web common editing features found on desktop editing applications like Microsoft Word and OpenOffice.
Because CKEditor is licensed under flexible Open Source and commercial licenses, you’ll be able to integrate and use it inside any kind of application. This is the ideal editor for developers, created to provide easy and powerful solutions to their users.
TinyMCE has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems.
License: Free for Open-source / Paid commercial
License and Pricing: http://www.highcharts.com/license
License and Pricing: https://www.zingchart.com/store/buy.php
- More than a Dozen Chart Types
- Handles Massive Data Sets (10,000 points and more)
- Fly thru Chart Data with Zooming, Scrolling, and Filtering
- Build Interactive and Drillable Graphs
- Live Data Feed Support to Update Charts in Realtime
- Flash (AS3) Charts
- HTML5 Canvas Charts
- Update Graphs with Ajax
- And more…
License: Free / open-source
jqPlot is an open source project by Chris Leonello.
jqPilot supports Log-scale-axis, drag and drop of data points with update events adn automatically computer trend lines.
gChart (Google Charts API for JQuery)
License: Free / Open-source
- Complete coverage of the Google Chart API;
- Show your data on line, X-Y, bar, pie, radar, or scatter charts;
- Control legend appearance, chart background, and title;
- Control axis placement, content, and appearance;
- Control line appearance and fills;
- Add markers or dynamic icons to your chart;
- Display maps with country or US state data;
- Show a Google meter or a Venn diagram;
- Generate QR codes or mathematical formulae;
License and Pricing: http://www.jscharts.com/buy (Free for non-commercial)
A charting example using PHP, jQuery and Flot
Create an XML source to describe a chart, then pass it to this tool’s flash file to generate the chart. The XML source can be prepared manually, or generated dynamically using any scripting language (PHP, ASP, CFML, Perl, etc.)