HTML5 Zone is brought to you in partnership with:
  • submit to reddit
John Esposito12/23/11
1851 views
0 replies

Video: Updated IE10 Platform Preview

 This video outlines and demonstrates the new features of the latest IE10 platform preview (downloadable here), emphasizing hardware acceleration of HTML5 and related technologies.  

Andrey Prikaznov12/23/11
4455 views
1 replies

Pure HTML5 file upload

Today we will be developing a great HTML5 file upload form with progress bar and preview (at client-side). We have already given you jQuery based solution, but today’s application doesn't require jQuery at all. Everything is made in pure HTML5...

Giorgio Sironi12/22/11
4224 views
0 replies

3D experience in a browser with Three.js

Three.js is a library for rendering 3D models into a browser, without using Flash or other third-party plugins. In 3D graphics, the actual model of a scene is built in a solid space (three dimensions, obviously), and depending of the current view point,...

John Esposito12/22/11
1647 views
2 replies

IE10 Fully Deprecates VML and DX

By all accounts, IE10 will be a very good thing. Speed and standards both, and conquest of zombie browsers through the power of Windows Update. Fewer headaches for developers worrying about (old) IE's worldwide massive marketshare. Recently Ted Johnson of the...

John Esposito12/22/11
2220 views
0 replies

Where HTML5 Canvas Accessibility Is Now

New features in HTML5 mean new accessibility issues, whether problematic or no (there's some disagreement on this). Here are two resources for keeping up with the current status quo:html5accessibility.com includes tables detailing each browser's HTML5...

jb j12/22/11
4409 views
0 replies

How to create offline HTML5 web apps in 5 easy steps

Among all cool new features introduced by HTML5, the possibility of caching web pages for offline use is definitely one of my favorites. Today, I’m glad to show you how you can create a page that will be available for offline...

Prashant Khandelwal12/22/11
1336 views
0 replies

Prepare Your Site For IE9 With Pinify

This is great stuff. If you own a website or a blog you should use this excellent feature of pinning fav links of your site on user's Windows 7 taskbar. Though this feature of IE9 was on hype since it's beta realease. Now it's time to use this...

John Esposito12/21/11
2577 views
1 replies

Develop High-Tech Websites for the Whole World (Wide Web)

When Microsoft announced that IE will soon begin to update automatically, plenty of web developers rejoiced. No more IE6! Lots more IE9, and IE10, and more!Caveat faber, though: Windows XP can't get past IE8, and Windows 7 only recently, and just barely,...

Simon Sarris12/21/11
3110 views
1 replies

A Gentle Introduction to Making HTML5 Canvas Interactive

This is an big overhaul of one of my tutorials on making and moving shapes on an HTML5 Canvas. This new tutorial is vastly cleaner than my old one, but if you still want to see that one or are looking for the concept of a “ghost context” you...

John Esposito12/21/11
2524 views
2 replies

Tutorial: Using the HTML5 output Element

From Richard Clark on the superb html5doctor.com comes this new treatment of the HTML5 <output> element, one of the new semantic elements designed to make webpage data more readable to machines.Why must machines know that one number is the output of a...

Andrey Prikaznov12/21/11
1584 views
1 replies

HTML5 Game Development - Lesson 5

We continue a series of articles on game development in HTML5 using canvas. Today I prepared musical example (it will be something like a synthesizer) with alternative DOM-based dialogs in CSS3. Why did I add separated dialogs? – Easy: mostly because...

Niels Matthijs12/21/11
1562 views
1 replies

HTML5 Microdata: Use It Today

Sometimes people can be so focused on theory that they completely miss the fact that real life has already caught up with theory. Last week I discovered that html5 microdata can finally be used in the wild, so I jumped on it for some cosy...

John Esposito12/20/11
12042 views
0 replies

HTML5 on Android 4.0: Way Better, Still Behind iOS 5

So affirms Sencha, in the latest installment of their HTML5 developer scorecards series.Four-sentence version:After putting the Galaxy Nexus through our test wringer, we can say that Ice Cream Sandwich is a major step for the Android browser. However, it...

John Esposito12/20/11
2497 views
0 replies

Do WebGL Right: Recipes and Best Practices

Two simple ways of coding best: follow best practices, or use the best of other developers' code. Both are easier than understanding an API in depth, or tracing a technology from API to bytecode. High-powered graphics programming raises the performance...

Axel Rauschmayer12/20/11
1874 views
1 replies

What is the difference between a shim and a polyfill?

In the JavaScript world, one frequently hears the words shim and polyfill. What are those things and what is the difference between them? Shim. A shim is a library that brings a new API to an older environment, using only the means of that...

John Esposito12/20/11
2350 views
0 replies

Video Series: Google Rich Snippets

Back in 2009 (wow, that's almost two full years ago now), Google gave the semantic web a search-engine bump with Rich Snippets, their own implementation of a collection of semantic standards (RDFa, microformats, microdata). Select microdata were later...

Andrey Prikaznov12/19/11
5983 views
0 replies

How to Create a Pure CSS3 Slideshow

Today we will develop a cool CSS3 slideshow (without any JavaScript). The slideshow will contain left and right navigation buttons, images, and a tracker bar. We'll use left/right buttons or the extra tracker bar to navigate through the images. Here...

John Esposito12/19/11
2167 views
0 replies

Firefox Aurora: Running Up the HTML5 Video and Audio Score

Lately Firefox has been piling on HTML5 support like nobody's business, and the upgrades keep rolling in.Firefox's rapid release schedule has stretched the release pipeline into four distinct stages, from most-bleeding-edge to least:Firefox Nightly...

Niels Matthijs12/19/11
1727 views
0 replies

Abstract Content Categories: Deconstructing a Web Page

One of the main challenges of a html guy is coming up with proper ways to name different components. How you plan to do this is beyond the scope of this article (using your own class names, microdata or microformats are all valid...

John Esposito12/19/11
1901 views
0 replies

How HTML5 Grew in 2011: In Developers' and Users' Eyes

As 2011 winds down, and HTML5 inches closer to official 'completion' (though plenty of HTML5 standards have made their way into browsers already), now is a great time to look back at the last twelve months of web technology development.Two reviews of HTML5 in...

Niels Matthijs12/17/11
2717 views
0 replies

Graceful Degradation and How It Tricks You

When Firefox finally bloomed to challenge the reign of IE6, it provided the first spark for the current browser wars. To rise to the challenge of properly displaying our websites in the emerging range of browser, two new concepts were...

jb j12/17/11
4356 views
0 replies

Awesome tutorials to master responsive web design

In a few month, responsive web design has become a very important part of designing and developping a website. Due to the rise of mobile devices such as iPads, iPhones and other smart phones, your website must be easy to read and use in multiple...

Andrey Prikaznov12/16/11
4711 views
1 replies

5 Great HTML5 Games

Today we will talk a little about future of HTML5 in the gaming industry. As you know, HTML5 continues to have a dramatic impact on the web world during few last years. At current time, HTML5 still under development, but I sure that you have already...

Paul Stack12/16/11
1818 views
0 replies

Automated W3C Validation with TeamCity

This past week, I started experimenting with letting TeamCity create reports of CSS and XHTML Validation from the W3C website. In order to do this validation I was able to use their web URL and pass a URL to the web address. In order to do this I used...

Kin Lane12/16/11
3199 views
2 replies

Jumpstarting App Development with Twitter Bootstrap

Like many other engineers I’ve worked with, Twitter engineers will use any set of tools they are familiar with to deliver the front-end of their applications. Many of us app developers aren’t UI experts, and many of the...