Do you want to play audio within the browser, without relying on browser plugins like Flash, Quicktime or WMP to have been installed on the users system? Well, HTML5 Audio is the solution and it is pretty simple. You need to follow these simple steps to get going. Step 1: Get your mp3 and oggs [...]
Apple in all its presentations keeps talking about HTML5 and its support for the open standard. But, as a common user who has just managed to understand what is Flash (after seeing all those holes in the iWebsphere), what would common Joe think of HTML5. An alien technology perhaps! Well, the guys at focus (www.focus.com) [...]
This is a repost of our earlier post. Added here for viewing benefit and better categorization under our HTML5 Tutorials section. Find an earlier comprehensive HTML5 tutorial from Brad Neuberg here. Brad Neuberg, a Google Employee, explains why HTML5 matters – to consumers as well as developers! His overview of HTML5 included SVG/Canvas rendering, CSS [...]
Adobe is pressing hard with HTML5 amidst the Flash fiasco. After all, it has everything to gain (or lose) being a leading web and desktop publishing company. In a video below, Greg Rewis shows you how you can get started with the new HTML5 elements using Dreamweaver CS5 (Greg Rewis is the Principal Worldwide Evangelist [...]
Supporting HTML5 video for your site was never easy, well, until now! Actually, there is nothing to implement. Modern browsers already support <video> tag. All you need to do is convert your videos into HTML5 compatible formats and provide some user interface controls elements for the video. In this tutorial I will walk you through [...]
HTML5 is an evolving standard competing with Flash for next generation web technologies. One of the prominent usage of Flash is animated and interactive advertisements. Apple showcased iAds, which are supposed to be HTML5 based interactive (and emotional) advertisements. Today, we will show you a simple way of creating a Google-like (flash-like) advertisement with HTML5. [...]
This is an old video put up by a Google Employee called Brad Neuberg as an educational Introduction to HTML5. This is for the people who don’t find time to keep up with HTML5 developments by reading up articles. The topics covered in this article are: Web vector graphics with the Canvas tag and Scalable [...]
Here are some nice trick employed by Craftymind to blow apart HTML5 video and to map it in 3D space. The tutorial uses drawImage function to create an explode effect for the video upon mouse click. Click on the image below to view the video: The 3D effect video can be viewed here: Hit the [...]
Here is a very plain and straightforward tutorial created/modified by a Google Employee. The tutorial is broken down into three sections covering JS APIs, HTML and CSS. It covers JS APIs like New Selectors (getElementsByClassName, querySelectorAll), Web Storage (localStorage), Web SQL Database (openDatabase, transaction, executeSql), Application Cache API (manifest=”cache-manifest”, applicationCache), Web Workers (Worker, onmessage, postMessage), [...]
The question is answered here. HTML5 is a new standard, which is still evolving, of, yes, HTML. HTML, if you didn’t know, stands for Hyper Text Markup Language. What began purely as data + formatting was soon added with logic (javascript) and embedded objects (flash, applets, etc.) The advent of AJAX took webpages to all [...]