Before the fun begins – beware you’ll need to test this page with Chrome. This is one of those ‘pixie fairy magic’ features that get gifted to web developers from time to time. Speech input fields let you speak to the browser (yes the browser) and it will recognise what you say and enter it…
Read MoreIn January 2011 Google caused a storm in a tea cup when they stated their intention to remove H.264 video support from their implementation of the HTML5 <video> tag. But that doesn’t seemed to have happened. At the same time Mozilla stated their support for open standards – OGG and WebM – as opposed to…
Read MoreIt is getting to that time of year again. Digging around in the attic I found an old-fashion Flash/Actionscript snow storm. Oh Happy days … but as it is 2011 what we really need is a HTML5 snowstorm. http://www.mustbebuilt.co.uk/demo/html5/canvas-snow.html Here is breakdown of the code. First you need a canvas. To use this canvas element…
Read MoreAdobe Edge, available in beta, is a ‘post Flash’ animation tool. It generates animations constructed with web standards HTML5, CSS3 and Javascript (mainly piggy backing on jQuery). The interface is very familiar to Adobe After Effects in terms of the timeline and property keyframes. In terms of functionality it has the lightweight options for adding…
Read MoreLoads of news coming out from Adobe this week as they hold their Annual Beanfeast MAX. There was the obligatory Photoshop pixel fairy magic. The one that got people most excited appeared to be the ‘deblur’ tool. Expect this to replace the Content Aware Fill as the killer Photoshop demo to wow your audience. But…
Read MoreHave a look here for some little experiments with <canvas> in HTML5. Canvas Clock Rotating Cheese with Canvas Here is the code I produced. Canvas Clock Rotating Cheese Inspired by reading the Canvas Tutorial on Mozilla MDN.
Read More