Getting Started with PhoneGap

I’ve posted about PhoneGap before. Now Adobe has released videos explaining how to use this open source technology for creating multi-platform mobile apps:
http://tv.adobe.com/watch/adc-presents-phonegap/getting-started-with-phonegap/
In the bottom of the page, there are more links to additional videos.

Posted in HTML5-JS | Tagged , , | Leave a comment

Timeline.js

From marcinignac.com/blog/timeline-js:
“Timeline.js is a compact JavaScript animation library with a GUI timeline for fast editing.”

Posted in HTML5-JS | Leave a comment

Mozilla Popcorn and Popcorn.js

From the Mozilla Blog:

“Popcorn allows web filmmakers to amp up interactivity around their movies, harnessing the web to expand their creations in new ways. Popcorn uses Javascript to link real-time social media, news feeds, data visualizations, and other context directly to online video, pulling the web into the action in real time. The result is a new form of cinema that works more like the web itself: interactive, social, and rich with real-time context and possibilities that continue to evolve long after filming wraps.”

More info on Mozilla Popcorn, Popcorn.js and Popcorn Maker at http://mozillapopcorn.org/.

Posted in HTML5-JS | Tagged | Leave a comment

Workshop / Chrome Experiments

Tools and projects created by the team behind Chrome Experiments (HTML5/JS):

http://workshop.chromeexperiments.com/

Posted in HTML5-JS | Leave a comment

SoundManager

From the SoundManager website:

“Using HTML5 and Flash, SoundManager 2 provides reliable cross-platform audio under a single JavaScript API. (…)

SoundManager 2 gives you a simple but powerful API that supports both new and old, using HTML5 audio where supported and an invisible Flash fallback where needed. Ideally when using SoundManager 2, audio ‘just works’.”

Download here.

Posted in Flash, HTML5-JS | Tagged | Leave a comment

HTML5 and JavaScript course and tutorials

In the last two weeks, I’ve been teaching the Software Studies for Media Designers course at Media Lab, with Markku Reunanen. I taught HTML5 Canvas with JavaScript, and Markku taught Processing.

The objective of this course was to teach the basics of programming to an audience of designers and artists. In the end, we published quite a lot of teaching material in the course blog.

You can visit the course blog here:
http://softwarestudies.mlog.taik.fi/

If you’re interested in HTML5 and JS in particular, you can check out my tutorials here:
http://softwarestudies.mlog.taik.fi/category/html5-js/

And we’ve also included links to many external resources here:
http://softwarestudies.mlog.taik.fi/material/

Posted in Courses / Projects, HTML5-JS, SSMD2011 | Leave a comment

Kinetic JS

Kinetic JS is “is an HTML5 Canvas library that extends the 2d context by adding region events for desktop and mobile applications, extends the 3d context by wrapping WebGL (…), and also provides animation support for both contexts.”
More info, and downloads: http://www.kineticjs.com/

Posted in HTML5-JS | Tagged | Leave a comment

EaselJS

EaselJS is a JavaScript library that “provides a retained graphics mode for canvas including a full, hierarchical display list, a core interaction model, and helper classes to make working with Canvas much easier.” Easel’s API “is loosely based on Flash’s display list, and should be easy to pick up for both JS and AS3 developers”.
Link: http://www.easeljs.com/

To make it even easier to convert projects from Flash to JS, the makers of Easel have released Zoe, “a tool for exporting swf animations as EaselJS sprite sheets”.
Link: http://easeljs.com/zoe.html

Posted in HTML5-JS | Tagged | Leave a comment

d3.js – Data-Driven Documents

From http://mbostock.github.com/d3/:

D3.js is a small, free JavaScript library for manipulating documents based on data. D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. As a trivial example, you can use D3 to generate a basic HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction.

Via Miska Knapek.

Posted in HTML5-JS | Tagged | Leave a comment

Dive into HTML5 – tutorial website

Dive into HTML5 is a website by Mark Pilgrim that “seeks to elaborate on a hand-picked Selection of features from the HTML5 specification and other fine Standards”.
The site is based on a book that has been published by O’Reilly: “HTML5: Up & Running“. It contains many useful tutorials, and an excellent introduction section on HTML5.

UPDATE, 11/10/2011
Apparently, last week Mark Pilgrim, or someone on his behalf, took down his websites from the web. There are a few alternative ways to still access Dive into HTML5, in places such as:
http://diveintohtml5.info/
http://mislav.uniqpath.com/diveintohtml5/
http://mislav.uniqpath.com/2011/10/dive-into-html5/
https://github.com/diveintomark/diveintohtml5
And a bit more on the story, with more links:
http://meyerweb.com/eric/thoughts/2011/10/04/searching-for-mark-pilgrim/

Posted in HTML5-JS | Leave a comment