Archived HTML5 Resources

Modernize your HTML5 Canvas game

Modernize your HTML5 Canvas game

by David Rousset

HTML5 features in modern browsers like Internet Explorer 10 are making possible a whole new class of web applications and gaming scenarios. This two-part article demonstrates how I've used some of these new features to modernize my last HTML5 game HTML5 Platformer.
Read More »

Emerging Specs: Exploring Device Orientation and Motion

Emerging Specs: Exploring Device Orientation and Motion

by Jacob Rossi

Web standards are always changing. Like WebSockets, yesterday's prototypes become tomorrow's mature standards. One of the latest prototypes that's gaining momentum in standards bodies is the implementation of the W3C DeviceOrientation Event Specification draft on HTML5Labs.com.
Read More »

How to Create Full-page Animations Using CSS

How to Create Full-page Animations Using CSS

by Charilaos "Harris" Papadopoulos

Modern browsers like Internet Explorer 10 support CSS 3D and 2D Transforms and CSS Animations. By tapping the power of your GPU and running asynchronously from regular JavaScript, these technologies provide a more performant and flexible alternative to traditional script-based animations for Web content.
Read More »

Using Unprefixed CSS3 Gradients

Using Unprefixed CSS3 Gradients

by Jennifer Yu

Web standards like HTML5 and CSS3 continue to change. One of the most significant changes has been the W3C Candidate Recommendation for CSS Gradients which allows developers to code for modern browsers like Internet Explorer 10 without using vendor prefixes.
Read More »

Windows 8, jQuery Geo, and toStaticHTML

Windows 8, jQuery Geo, and toStaticHTML

by Ryan Westphal

I recently attended a Windows 8 DevCamp with the intention of installing Microsoft's latest OS for the first time and getting jQuery Geo to work as a native app on top of WinJS. Did it work? Yes! Learn how, why and the HTML trick that helps avoid text errors.
Read More »

The Complete Guide to Building HTML5 games

The Complete Guide to Building HTML5 games

by David Rousset

I'm currently spending most of my time explaining to students, hobbyists, professional developers and teachers how to build games using HTML5. I then recently thought: rather than keeping all these details for small audiences, wouldn't it be smarter to share it with you?
Read More »

Building a Windows 8 App with HTML5 Part 2

Building a Windows 8 App with HTML5 Part 2

by David Rousset

Starting from scratch, we're going to learn through these 2 tutorials how to build a small RSS reader with HTML5, CSS3 and WinJS, the Microsoft JavaScript framework for Windows 8. In Part 2, We're now going to see how to display the details of each article.
Read More »

Building a Windows 8 App with HTML5 Part 1

Building a Windows 8 App with HTML5 Part 1

by David Rousset

Starting from scratch, we're going to learn through these 2 tutorials how to build a small RSS reader with HTML5, CSS3 and WinJS, the Microsoft JavaScript framework for Windows 8. Part 1 will help you to create the welcome screen that will use a WinJS ListView control.
Read More »

How to Build a Simple Game with HTML5

How to Build a Simple Game with HTML5

by Chris Bowen

This blog is the last of four tutorials walking you step by step through building a simple game in Windows 8 using HTML5, JavaScript, WinJS, and some related resources (http://createjs.com/#!/CreateJS). In this post, we'll bring respond to user input and make things a bit more lively by adding sound.
Read More »

How to Build a Simple Game with HTML5

How to Build a Simple Game with HTML5

by Chris Bowen

This blog is the third of four tutorials walking you step by step through building a simple game in Windows 8 using HTML5, JavaScript, WinJS, and some related resources (http://createjs.com/#!/CreateJS). In this post, we'll focus on building solid game logic.
Read More »

How to Build a Simple Game with HTML5

How to Build a Simple Game with HTML5

by Chris Bowen

This blog post is the second of several designed to help walk you through, step-by-step, how to build a simple game in Windows 8 using JavaScript. This particular set of tutorials will use JavaScript, HTML5, WinJS, and some other resources (http://createjs.com/#!/CreateJS).
Read More »

How to Build a Simple Game with HTML5

How to Build a Simple Game with HTML5

by Chris Bowen

This blog post is the first of several designed to help walk you through, step-by-step, how to build a simple game in Windows 8 using JavaScript. This particular set of tutorials will use JavaScript, HTML5, WinJS, and some other resources (http://createjs.com/#!/CreateJS).
Read More »

Build Awesome Apps with CSS3 Animations

Build Awesome Apps with CSS3 Animations

by David Rousset

Today's HTML5 applications can provide awesome experiences thanks to the new CSS3 specifications. One of them is CSS3 Animations. It can help you building rich animations on HTML elements. This can provide interesting feedbacks to the users and enables fast & fluid UIs.
Read More »

12 Cool HTML5 Geolocation Ideas

12 Cool HTML5 Geolocation Ideas

by Danwei Tran Luciani

Knowing the location of your users can help boost the quality of your Web site and the speed of your service. In the past, users had to actively input their location and submit it to a site, either by typing it, using a long drop-down list, or clicking a map. Now, with the HTML5 Geolocation API, finding your users (with their permission) is easier than ever.
Read More »

3 Breakthrough Ways to Visualize HTML5 <audio>

3 Breakthrough Ways to Visualize HTML5

by Konstantin Kichinsky

Today, HTML5 is kind of like a TV series without any future seasons written yet. It has a some episodes already filmed, some raw material that needs to be edited, some shots that are in line for cool special effects, and many, many rough drafts. Yeah, I`m talking about the whole HTML5 story, not just the spec, but hopefully you got the idea.
Read More »

How to create HTML5 apps on Windows Phone with PhoneGap

How to create HTML5 apps on Windows Phone with PhoneGap

by David Rousset

We will first see in this article what the added values of PhoneGap for HTML5 applications are. We'll then discover how to create our very first project where we will retrieve the accelerometer's values from our JavaScript code. At last, we will review a complete HTML5 gaming sample almost ported as-is to PhoneGap to use the accelerometer available on the Windows Phones.
Read More »

A Best Practice for Programming with Vendor Prefixes

A Best Practice for Programming with Vendor Prefixes

by John Hrvatin

Vendor prefixes enable Web developers to experiment with new standards before they reach the Candidate Recommendation stage. I previously wrote how these prefixes are also a mechanism browser vendors use for handling timing conflicts between implementations and specifications. In building demos of new features for our IE Test Drive site and in various presentations, many of us on the IE team deal extensively with vendor prefixes.
Read More »

Up close and personal with HTML5 IndexedDB

Up close and personal with HTML5 IndexedDB

by Rajasekharan Vengalil

Over the years, the web has increasingly transformed from being a repository of content to a marketplace of full-fledged functional apps. The suite of technologies that fall under the "HTML5" banner have, as a fundamental goal, the capabilities to build within this new breed of software. In this article, I'll review a technology that solves an important piece of the application puzzle—managing storage and retrieval of user-specific data on the client side—called "IndexedDB".
Read More »

Good-looking apps with CSS3 Transitions

Good-looking apps with CSS3 Transitions

by David Rousset

A well-designed application should provide appealing visual cues for users to take next steps and navigate through the app itself. The use of animations and transitions is a great way to accomplish this, and HTML5 can help get you there easily and quickly. Starting with an overview about the concept of transitions, this article describes how HTML5's CSS3 Transitions specification works, and provides insight on how best to handle browsers that don't support the feature.
Read More »

HTML5 History in IE10

HTML5 History in IE10

by Tony Ross

Web developers charged with designing fast and responsive sites know that loading a new page every time the user clicks a link is slow, and that fetching all content dynamically effectively disables the back button. Working with hashes is better, but is still not ideal. Internet Explorer 10 in the Windows Developer Preview eliminates the compromise by adding support for HTML5 History. This article describes how HTML5 History's pushState, replaceState, and popstate APIs provide fine-grained control over the behavior of the back button and the URL presented to the user for dynamic content.
Read More »

No Browser Left Behind

No Browser Left Behind

by Brandon Satrom

There's a lot to be excited about with HTML5. With new markup, CSS capabilities and JavaScript APIs, the scope of what's possible on the Web is growing by leaps and bounds. Add to that the steady one-upmanship among browser vendors, and the list of exciting features expands almost daily.
Read More »

A Developer's Guide to HTML5 Canvas

A Developer's Guide to HTML5 Canvas

by Malcolm Sheridan

Modern browsers like Chrome, Firefox, and Internet Explorer 9 and 10 all support HTML5 Canvas. But what exactly is it? How can you use it to create rich web applications?
Read More »

Unlocking the power of HTML5 <audio>

Unlocking the power of HTML5 <audio>

by Giorgio Sardo

Sounds form the background of our life. Today the HTML5 <audio> element enables Web developers to embed sounds in their applications. The flexibility of the control coupled with the integration with the rest of the platform allows several scenarios, from simple sound effects to background audio to gaming experiences to more sophisticated audio engines.
Read More »

What Web Developers Have Learned in the Past 10 Years

What Web Developers Have Learned in the Past 10 Years

by Steve Apiki

Now that even Microsoft agrees that it's time for Internet Explorer 6 to ride off into the sunset, what might we learn from the remarkable trajectory of its 10-year run? In 2002, IE6 was the de facto target browser; in 2011, every remaining installation is a pain-point for Web developers and an impediment to further innovation.
Read More »

Case Study: Huffington Post

Case Study: Huffington Post

by Justin Garrett

The Huffington Post (HuffPost) is a leading social news and opinion site, "The Internet Newspaper." By taking advantage of a new set of tools with Internet Explorer 9 and Windows 7, HuffPost made their site more like an app and got 49% more time on site from their users. Learn what they built here.
Read More »

HTML5 ASP.Net Controls

HTML5 ASP.Net Controls

by ja928

Html5Asp Controls enable you to use ASP.Net to present the most cutting edge controls available to your users' browser. Advanced browsers speed up entry of Websites and URL with presentation of keyboards tailored to your specific data.
Read More »

html5wtp

html5wtp

by aoelwh

html5WTP is a tool make Eclipse WTP support html5 javascript code content assistance.
Read More »

Enterprise Rapidleech

Enterprise Rapidleech

by amingholami

Enterprise is a new Rapidleech script template based on HTML5, CSS3 and jQuery. Enterprise designed by Amin Gholami, for today and tomorrow. It's free to use for everyone in the world...
Read More »

Guacamole

Guacamole

by Zhangmaike

Guacamole is an HTML5 web application that provides access to multiple remote desktops through a web browser; no plugins or client software are needed. VNC is supported, with other protocols under development.
Read More »

How to Build Asteroids with HTML5

How to Build Asteroids with HTML5

by Rob Hawkes

Over the past couple years or so there has been a dramatic rise in the number of HTML5 games around on the Web. Learn how to build a simple space-based asteroids game using the Impact game engine, one of the more robust engines out at the moment.
Read More »

OpenBEXI HTML Builder

OpenBEXI HTML Builder

by arcazj

OpenBEXI is a WYSIWYG HTML editor using the magic of HTML5. It allows you to create, manage and publish web pages for Internet. All HTML texts, pictures, charts, and DOJO widgets edited on your browser look like the HTML page you are going to publish
Read More »

HTML5 ASP.Net Controls

HTML5 ASP.Net Controls

by ja928

Html5Asp Controls enable you to use ASP.Net to present the most cutting edge controls available to your users' browser. Advanced browsers speed up entry of Websites and URL with presentation of keyboards tailored to your specific data.
Read More »




Sponsored Links

Other Featured Resources

Recent HTML5 Tweets

HTML5 Topics on Slashdot

Featured Webcasts