HTML5 Zone is brought to you in partnership with:
  • submit to reddit
Nicolas Frankel03/13/12
1739 views
0 replies

HTML5: Still a Non-Event?

Everyone knows that HTML5 is something amazing, but most web developers feel that something about the hype just isn't working. Here's a proposal: the root of all HTML5 evil is simply the maturity level of the specification. When the specification is released in a consecutive level scheme, there will be browsers that follow it and browsers that won’t. End-users and developers will then be able to choose which browsers to support. Only then will the winning standards emerge.

Howard Lewis Ship03/12/12
4784 views
0 replies

Node and Callbacks

One of the fears people have with Node is the callback model. Node operates as a single thread: you must never do any work, especially any I/O, that blocks, because with only a single thread of execution, any block will block the entire process.

Robert Nyman03/12/12
19057 views
1 replies

A Pragmatic Introduction to the HTML5 Fullscreen API

One thing which has been very important when it comes to creating special end user experiences have been the ability to show something fullscreen, effectively hiding all the other content etc. Web developers want to be able to trigger this too..and now we can!

Maximiliano Firtman03/10/12
4347 views
1 replies

What iOS 5.1 and the New iPad Mean for Web Developers

Max Firtman talks about the new iPad, with iOS 5.1. He's done the usual research and realized there aren't many new details...However, the new iPad retina display reminds Max of some web stuff we should be aware of while creating iPad web experiences.

Raymond Camden03/10/12
9208 views
1 replies

PhoneGap's File API

Explains the PhoneGap File API by example -- first isolating individual operations, then combining into a single, coherent whole app.

Alexander Beletsky03/09/12
3161 views
0 replies

New, Responsive Themes for HTML5 Foundation (Written in LESS, No Less)

From Alexander Beletsky comes a new series of themes for the popular, responsive Foundation framework, written in LESS, the hip CSS extension with greater programmatic power.

Sagar H Ganatra03/09/12
3407 views
0 replies

HTML5 WebSockets in ColdFusion 10: Full Workflow Diagram

Sagar Ganatra offers a nice diagram of WebSockets multiplexing, provides an example (with a ColdFusion server) , and explains each of the client-side JavaScript functions in detail.

Ben Kepes03/09/12
2157 views
1 replies

FeedHenry Powers Mobile Application on Cloud Foundry

Regarding the announcement by FeedHenry detailing their mobile platform as a service developed in HTML5, JavaScript, and CSS.

Andrey Prikaznov03/08/12
7155 views
0 replies

HTML5 Canvas Clock (Keeps Accurate Time)

Following up on an earlier (more clever, less useful) tutorial for creating a clock out of pure CSS3, this article shows how to create a functioning clock in JavaScript and HTML5 Canvas, starting from actual date methods (unlike the CSS3 version).

Catalin Red03/08/12
4712 views
0 replies

Improve Your Website Usability with CSS3 Tooltips

If your icon or button has insufficient text or none at all, or it just needs some additional explanation, then you surely need a CSS3 tooltip for it. Why’s that? Because, as Catalin Rosu explains, tooltips can help you improve your website usability without having to use images or JavaScript...

Andrew Trice03/07/12
4247 views
0 replies

Welcome, Adobe Shadow!

Ready for the new era in multi-screen development? Adobe Shadow is a new, free tool that is now available on labs.adobe.com that enables synchronized browsing and remote inspection across desktop and mobile experiences, in real time. Andrew Trice provides some insight on Adobe's latest announcement...

Axel Rauschmayer03/07/12
2559 views
0 replies

The jQuery Foundation Has Been Created

jQuery has previously been managed by a board that was part of the Software Freedom Conservancy. Now an independent foundation has been created to perform that task.

Andrey Prikaznov03/07/12
2596 views
0 replies

HTML5 Game Development – Lesson 8

Andrey Prikaznov continues his series on HTML5 game development with an exemplary use of Box2D, the open-source JavaScript 2D physics library.

Giorgio Sironi03/07/12
16320 views
0 replies

All the mouse events in JavaScript

Both HTML 4 and HTML 5 support lots of events generated by the mouse movements, its buttons and its wheel. This post collects and discusses all of them.

Phil Parsons03/06/12
2204 views
0 replies

Transfer Binary Data and Track Upload Progress with a New XMLHttpRequest Level 2 Ajax library, xhr2-lib

Phil Parsons recently messed about with the File API and FormData with the XHR2 spec, and thought it was awesome -- so awesome, in fact, that he wrote a tiny library offering really simple access to these emerging technologies (though not in IE or Opera just yet).

Raymond Camden03/06/12
3156 views
0 replies

Web Sockets with Server Side Logic: Follow-Up and Fixes

Raymond Camden follows his previous post on WebSockets and ColdFusion with important updates to the chat system, including several instructive fixes to a few subtle problems with his first attempt.

Robert Nyman03/06/12
2620 views
0 replies

Blobs and More: Storing Images and Files in IndexedDB

The desired future approach for storing things client-side in web browsers is utilizing IndexedDB. Here I’ll walk you through how to store images and files in IndexedDB and then present them through an ObjectURL.

Catalin Red03/05/12
5971 views
0 replies

CSS Pitfalls and How to Overcome Them

Covers quick fixes for problems with: button styling, pseudo-elements, stretched CSS3 gradient background, (fake) gradient transitions, inline-block gaps, height: 100%, rounded table corners, and input box sizing.

Andrew Trice03/05/12
5259 views
1 replies

Tricks for Debugging PhoneGap Applications in Desktop Browsers

Let's face it: most development takes place on a desktop/notebook computer, not on a mobile device. Andrew Trice, PhoneGap enthusiast, has noticed a few specific roadblocks raised by the browser security model that complicate debugging mobile apps -- even though desktop browsers, like any browser, can handle HTML5 just fine. Here he shares some of his tricks for bypassing these roadblocks.

Axel Rauschmayer03/05/12
3160 views
0 replies

Private Data for Objects in JavaScript

JavaScript does not come with dedicated means for managing private data for an object. This post describes five techniques for working around that limitation.

Raymond Camden03/05/12
4572 views
1 replies

Using Web Sockets with Server Side Logic

A discussion of how to modify a chat return a list of users, with step-by-step instructions as well as code.

Andrew Trice03/04/12
5430 views
0 replies

Sketching with HTML5 Canvas and “Brush Images”

Andrew Trice has a great tutorial for creating a Sketching application on a Tablet using a Stylus and some HTML5. Using the same principles as a "Signature Capturing" application he had previously created, Andrew shows, using minimal changes, how to improve the style and depth of the sketched content...

jb j03/03/12
10602 views
0 replies

10 Awesome HTML5 Audio Players

Among other great features, the new HTML5 specification allow native audio streaming. In this article, Jean-Baptiste Jung has compiled the 10 most awesome HTML5 audio players available today.

Andrew Trice03/02/12
6497 views
0 replies

Extending PhoneGap with Native Plugins

PhoneGap lets you build apps in HTML5 for all mobile platforms. It doesn't actually recreate every single native API, but it can be extended pretty easily to map any native API to JavaScript. Andrew Trice explained how in a recent presentation at the Baltimore JavaScript Users Group, and wrote up the content in this article.

Andrey Prikaznov03/02/12
4880 views
0 replies

HTML5 Image Effects: Sepia

JavaScript can draw new pictures on a Canvas, and manipulate images already in a Canvas -- and as JavaScript developers grow more sophisticated, the line between a browser Canvas and a Photoshop canvas thins. Learn how to age an image by applying a sepia filter in JavaScript -- reading image data, changing image colors, applying noise, and writing the results to the Canvas.