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

Guide: From WebSQL to IndexedDB

RDBMSers love their ACID and SQL, but the rapidly-growing world of in-browser databases can't afford, and usually doesn't need, that kind of pristine simplicity.For web applications, even database-centered applications, performance and ease of use -- and,...

John Esposito12/28/11
2042 views
0 replies

Simplify and UNIXify the HTML5 Filesystem API with filer.js

One of the more ambitious low-level web standards presently under development is the Filesystem API, currently in W3C Working Draft status.Rather than creating its own local storage space, an application using the Filesystem API can navigate the user's...

Axel Rauschmayer12/28/11
1827 views
0 replies

es6-shim – ECMAScript 6 functionality on ECMAScript 5

Paul Miller’s es6-shim gives you functionality that will be in ECMAScript 6 (code-named ECMAScript.next), on ECMAScript 5 engines. It was initially based on a project of mine, but adds much new functionality, Node.js compatibility, and (not least)...

John Esposito12/27/11
1838 views
0 replies

Developer Diary: In-Browser Networked FPS

Chris Dickinson, like Opera's Bruce Lawson, received his undergraduate degree in humanities -- but has loved programming since high school, and especially loves game development.The best games aren't just tech-tacular, either: rather, they use technology to...

Robert Diana12/27/11
2172 views
2 replies

A Look Back And A Look Ahead At 2012

As the year comes to a close, everyone is posting predictions about the new year as well as reviewing their predictions from the prior year. Here at Regular Geek, I would like to look at the trends to determine what changed things and what trends we...

Andrey Prikaznov12/27/11
2193 views
0 replies

HTML5 canvas – Custom brush (BezierCurveBrush)

I hope that you still remember when we did our first Paint program with HTML5. Today I have decided to enhance it by adding new additional brush to it. This brush will use ‘bezierCurveTo’ function. As a result we will have an interesting effect;...

John Esposito12/26/11
4687 views
3 replies

HTML5 Canvas + WebSockets = Multiplayer Space Shooter In Browser

Recently I ran across Rawkets, a slick site taking two emerging web technologies -- HTML5 Canvas and WebSockets -- and combining them in the most obvious way possible: a multiplayer space shooter.Why Canvas? No plugins -- graphical Yes; and why WebSockets?...

Terrence Ryan12/26/11
3981 views
1 replies

Android Toast-like Alerts in HTML using CSS

One of the little things I like about Android is the "toast." If you are not familiar with the toast, it is the little transparent notice you get that operations are done. The best example is the toast that tells you how long you will have to...

John Esposito12/25/11
2704 views
0 replies

3D Animated Canvas Christmas Tree (Plus: How It Works)

In the spirit of the season, how about a clever Canvas Christmas tree? which looks static like this: but when unleashed on the browser's renderer, rotates beautifully, with shading, in the midst of the falling snow.Cool enough simply to admire! But apropos of...

John Esposito12/24/11
2034 views
0 replies

Tweaking CSS3 Text Shadows: Two Examples

If I had a dime for every time I created a text drop-shadow in Photoshop, I wouldn't have worried about the price. But this seems a little wasteful: drop-shadowing for a living would be like erecting awnings for a living, if Photoshop were a structural...

John Esposito12/24/11
3860 views
0 replies

Famous Logos in Pure CSS3

So a bunch of pure CSS3 logos isn't as much fun as the South Park CSS3 I posted a few weeks ago -- but it's probably closer to real dev projects, and in some ways more complex.Logos are pieces of design excellence, often huge investments by companies with a...

Krzysztof Kotowicz 12/23/11
4010 views
2 replies

HTML5 WebSockets - security & new tool for attacking

WebSockets is definately one of the brighter features of HTML5. It allows for easy and efficient real-time commucation with the server, and with the introduction of Socket.IO, node.js  and similar libraries, it is sure to gain popularity. It's a must...

Gil Fink12/23/11
2389 views
0 replies

CSS3 2D and 3D Transform

When I first encountered CSS3 transform property, I had a nostalgic moment that took me back to the days that I was a computer science student. Back then, one of the mathematics courses that I had to take was linear algebra. Linear algebra deals with...

John Esposito12/23/11
1855 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
4490 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
4233 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
1655 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
2225 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
4416 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
1338 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
2582 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
3121 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
2530 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
1589 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
1564 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...