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 »
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 »
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 »
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 »
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 »
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 »
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 »
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 »
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 »
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 »
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 »
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 »
Cut the Rope is an immediate favorite for anyone who plays it. It's as fun as it is adorable. So we had an idea: let's make this great game available to an even bigger audience by offering it on the web using the power of HTML5.
Read More »
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 »
Document compatibility defines how a browser renders your website. The more specific you are at telling the browser what to expect, the better the experience for your users.
Read More »
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 »
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 »
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 »
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 »
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 »
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 »
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 »
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 »
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 »
With a lot of excitement around Canvas, there has been a tendency to ignore SVG, which, in many cases, is the better choice. Learn when to choose Canvas, SVG, or a combination of the two.
Read More »
To manage their rapid site content turnaround, Gilt needs modern browser features that grab customer attention at the point-of-sale. It needs to be fast.
Read More »
Internet Explorer 9 introduces Pinned Sites features like favicons, notifications, jump lists, and thumbnail toolbars. These tools give you the ability to extend your website outside the browser and make it more like a native application in Windows.
Read More »
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 »
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 »
When I'm asked by web developers how they can get started with HTML5 Video, I ask them, "Why? What are you trying to solve?"
Read More »
It took just about 1 month to build the new Disney TRON: Legacy Digital Book Site, an immersive HTML5 experience. Giorgio Sardo shows you how it was done.
Read More »
HTML5 is here, and the Web will never be the same. Brandon Sastrom breaks down the basics, browser support, and practical examples for your site.
Read More »
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 »
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 is a tool make Eclipse WTP support html5 javascript code content assistance.
Read More »
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 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 »
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 »
There's no question, HTML5 is a hot topic for developers. If you need a crash course to quickly understand the fundamentals of HTML5's functionality, you're in the right place.
Read More »
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 »
The goal of this tutorial is discovering graphics development using SVG and Canvas (which are two majors technologies of HTML5). To do so, we will write together a brick breaker game (à la Arkanoïd or Blockout).
Read More »
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 »
A Lap Around HTML5: HTML5 Graphics