HTML5 Zone is brought to you in partnership with:
  • submit to reddit
Lohith Nagaraj03/28/12
2724 views
0 replies

Interview: Todd Anglin on Telerik, Kendo UI, and HTML5

I'm back with one more episode of Uncut & Unedited. This is episode number 20, and my guest is Todd Anglin. Todd is Vice President of the HTML5 Web And Mobile division of Telerik.

Andrew Trice03/27/12
6657 views
1 replies

Who Uses PhoneGap/Apache Cordova?

I see questions and comments all the time with the general sentiment “it looks nice, but who really uses PhoneGap/Apache Cordova?”. There is no way to have a finite list of everyone who uses it, but the general answer is “more people than you think”. Here are a few names that you might recognize who are using either PhoneGap or Apache Cordova in their cross-platform mobile solutions and/or tools. (PhoneGap is a distribution of Apache Cordova)

Axel Rauschmayer03/27/12
4296 views
0 replies

CSS Grid Layout is Coming to Firefox in 2012

So far, HTML5 has been severely lacking when it comes to flexible GUI layouting. All that changed when Microsoft created CSS Grid Layout, which, among other things, is used to write the native HTML5 applications for Windows 8.

Prasant Lokinendi03/26/12
2661 views
0 replies

HTML5 Tutorial - Images on the Canvas

Learn how to manipulate images on the canvas easily in this tutorial! Check out more on thenewboston's YouTube channel!

Catalin Red03/26/12
2772 views
0 replies

CSS3 loading animation experiment

While playing DIRT 3, I’ve noticed a very cool triangle animation as part of their UI. Almost immediately, I thought about how to build a similar version of it using CSS3. So, in this article you’ll see an experiment about how to create a simple CSS3 loading animation.

Mitch Pronschinske03/26/12
4730 views
0 replies

Flash-like Editing Tool, Adobe Edge, For JavaScript Animation: Tutorial

This is a tutorial and example of an Adobe Edge Application being built. It's similar to flash, yet it uses JavaScript rather than ActionScript. Download preview 5 here.

Prasant Lokinendi03/25/12
3640 views
0 replies

VIDEO: Flickr Engineer Talks About Star Trek-Like Touch UI Using HTML5

I always knew Star Trek was more than just entertainment. Check out this cool lecture on how HTML5 can create awesome touch interfaces.

Andrey Prikaznov03/25/12
6009 views
0 replies

CSS3 Animated Gears

Don't just CSS3 animate -- animate multiple gears in unison (with different radii, no less).

Raymond Camden03/24/12
17647 views
0 replies

HTML5 Form Validation with Style

Welcome to my third and final (although whenever I say that it typically leads to more posts, diversions, and experiments) on HTML5-based form validation. In the first entry I discussed how you could add simple server-side validation to your forms by just using HTML. In my second entry, I demonstrated how to add JavaScript for deeper, and customized validation. In this final entry, I'll discuss how to employ CSS to visually enhance your forms.

Andrew Trice03/23/12
7985 views
1 replies

PhoneGap Explained Visually

I’ve been 'out and about' lately, attending tech conferences, meetup groups, and meeting with developers in their offices, and I am getting great feedback on mobile development & PhoneGap. There are some common questions that I am often asked, and I hope this post helps everyone understand PhoneGap better.

Andrey Prikaznov03/22/12
5995 views
0 replies

Pure CSS3 LavaLamp Menu

jQuery lets you create a LavaLamp menu pretty easily -- but today's web developers are leaning more and more on CSS3, less and less on JavaScript. So check out this pure CSS LavaLamp-style nav menu, using CSS3 transitions.

Raymond Camden03/22/12
4798 views
0 replies

HTML5 Form Validation - The Constraint Validation API

In my last blog entry, I introduced the basic concepts of form validation under HTML5. The focus was on basic tag/attribute support. In other words, what could be done without writing JavaScript code. In today's entry I want to talk about how you can use JavaScript to further enhance and work with validation, specifically the Constraint Validation API.

Chris Smith03/21/12
2056 views
0 replies

IDC Survey Reveals Android Developer Interest Waning, Google and HTML5 Are On The Rise

A recent survey by IDC and Appcelerator revealed that developer interest in Android app development is steadily decreasing, while iOS development remains #1, Windows Phone 7 interest remains high and HTML5 integration is more popular than ever.

Chris Smith03/21/12
12988 views
0 replies

Blast Aliens in Your Browser with Your iOS Trigger Device

Roshan Abraham sent us a link to this web browser game that uses an iOS device as the controller, reading the accelerometer values and pushing them to a node.js server. WARNING: This demo may cause a significant decrease in workplace productivity!

Terrence Ryan03/21/12
1952 views
0 replies

Some Problems with the CSS Variables Draft

The W3C just released a Working Draft of the CSS Variables module -- a potentially massive upgrade -- and needs your feedback. Terence Ryan offers an early response, mixing enthusiasm for the idea with some misgivings about the implementation.

Ian Muir03/21/12
1888 views
0 replies

A Vote for CSS Variables

This draft does have a few flaws, but overall it is a step in the right direction. It can provide a powerful new tool for those of us that manage hundreds and possibly thousands of lines of CSS and I see no reason why adding a new feature would make any of the existing features harder to learn.

Raymond Camden03/21/12
9715 views
0 replies

A Look at HTML5 Form Validation

I've previously looked at updates to form fields, but I had not really spent a lot of time looking at validation. I spent some time on it this week and have come away pretty impressed. Here is the first in a series of blog entries planned on the topic.

John Esposito03/20/12
6619 views
0 replies

New Visual Editor for Creating Slick CSS3+JavaScript Presentations in Impress.js

Harish Sivaramakrishnan is hard at work on a powerful new visual tool for creating stunning in-browser presentations using the powerful JavaScript+CSS3 Impress.js framework. Check out his progress, and consider contributing some of your ample webdev skills (or at least testing his work so far).

Andrey Prikaznov03/20/12
5082 views
0 replies

HTML5 Image Effects – Emboss

Adding an emboss effect to image data involves some pretty serious matrix transformations. Andrei offers a JavaScript solution here, and writes the results to an HTML5 Canvas. Use the code as-is, if you like, or follow his helpful double-slashes and stretch your JavaScript muscles a little extra today.

Axel Rauschmayer03/20/12
2170 views
1 replies

What Are the Most Popular JavaScript Keywords? and What This Means for ECMAScript 6

Try guessing the top five..and see which two will get shorter in ECMAScript 6.

Axel Rauschmayer03/19/12
2071 views
0 replies

Array.prototype.concat is not generic

The ECMAScript 5.1 specification states that the array method concat is generic. This post argues that that isn’t true in practice.

Sebastian Poręba03/19/12
3151 views
0 replies

3D Tetris with Three.js tutorial - Part 3

So now that you've learned to build static blocks in your awesome rendition of this classic game, it's time to move onto learning how to add and move a block. This is the third part of a series of tutorials that employ and explain Three.js.

Krzysztof Kotowicz 03/18/12
2774 views
0 replies

XSS-Track as a HTML5 WebSockets traffic sniffer

HTML5 WebSockets are really great for a bi-directional TCP connection between a browser and a server, but raise a few security concerns (as you might expect).

Raymond Camden03/17/12
2102 views
1 replies

A Brief Introduction to PhoneGap (Slides, Code, Recording)

Slides, audio, and code from Raymond Camden's recent presentation on PhoneGap at the Salt Lake ColdFusion Users Group.

Sebastian Poręba03/16/12
2531 views
0 replies

3D Tetris with Three.js tutorial - Part 2

The second part of the series that deals with adding static blocks. It's a short, but necessary step forward to building one of the most classic games of all time.