Adobe are sponsoring a set of javascript libraries and tools called CreateJS. CreateJS includes a javascript library called Easel JS which allows developers to manipulate the HTML5 canvas element using familiar concepts and coding techniques found in Actionscript 3. For example nested display lists and frame based events. Lee Brimelow has a great tutorial on EaselJS here. CreateJS also includes libraries for tweening, preloading assets and playing sounds as well a tool called Zoe which converts swf movieclips into spritesheets ready for use in Easel JS.

The interactive application below was created using Easel JS and Zoe. The animations were extracted from an original flash swf using Zoe and reassembeled in Easel JS. The fantastic Illustrations were drawn by Lindsay Walker.

Tested on ios (ipad & iphone), android as well as the latest versions of internet explorer, firefox, chrome and safari.

Rendered using the HTML5 Canvas:

Original Flash swf:

Get Adobe Flash player

Most of Google’s technlogies run in a we browser. For example Gmail, Google Reader etc. Google’s client side web services are Ajax based and rely on javascript. Javascript is a single threaded light weight scriptiing laguage, it’s implementation, speed and efficiency vary acrross web browsers. Yet Google’s web applications are fast and work in all of the modern web browsers.

Read the rest of this entry »

Sometimes a website doesn’t function correctly. Even if a website works fine we may want it to display or perform differently. With a few web development and javascript skills we can change a website for ourselves using the Greasemonkey Firefox extension.

Read the rest of this entry »

Google hosts a terrific Ajax language Application Programming Interface (API), which allows developers to integrate Google’s translate.google.com service into their own applications.

We don’t have to use the Ajax API in order to take advantage of this service. Google allow access to the API via url calls–supplied with GET or POST url variables. Please click here to view the developers guide for this process. Using this method we can access the translation service from any programming language capable of calling a url. In the example below we will use PHP.

Read the rest of this entry »

Sometimes it is convenient to listen to a book in audio format rather than to read it. This way we can take advantage of driving, cooking or exercise time to listen to books. This technique is also useful for reading technical documents, blog posts or other articles with little emphasis on graphics.

Read the rest of this entry »

The internet is full of web spiders (also known as robots). The biggest and most powerful web spider is probably googlebot, google’s web spider, responsible for crawling the web, looking for new web pages to index, and checking if pages already in it’s index have been updated. This post shows how we can use PHP to build our own web spiders.

Read the rest of this entry »

In the past new information was not immediately available to us; nowadays by way of the internet we have expeditious access to new information. Search engines employ web crawlers or search bots to scour the web; returning with an index of text & metadata from each webpage they visit. Collectively search engines can store colossal amounts of information.

Read the rest of this entry »

Australia has faced many challenges establishing an internet presence. The large size and rough terrain of the Australian continent have been significant drawbacks as well as our distance from the rest of the world. Despite these setbacks internet usage in the home has quadrupled since 1998 and business internet usage is as high as 99.9%.

Read the rest of this entry »