Click here
(mouseover)

Featured HTML5 Articles

Make Your Site Faster with Hardware Accelerated HTML5 and the Cloud

HTML5 brings a whole new set of possibilities for the Web and a growing set of new devices connected to the cloud. But it also means a faster site experience for your users —if you take advantage of it. Learn how here.

How to Embed Video Using HTML5

Embedding video on site using HTML5 is simple. Getting it to work for everyone viewing your site is the hard part. Learn about HTML5’s <video> tag and how to work with competing video formats. You’ll also discover how to build code that works in any browser, even pre-HTML5.

Follow Us @HTML5Develop
HTML5 Related Articles

Make Your Website More like a Native App

Browsers have a new lineup of features that can make your website behave more like a native application: more social, easier to use, a better experience and new ways to reach users. That means developers have a new set of tools at their disposable (and more opportunities to make money). Whether you want to make your site more social or you’re merely seeking inspiration, these examples and ideas will help you transform your website to be more app-like with minimal effort.

Implementing Site Pinning with Internet Explorer 9 and Windows 7: A Case Study

See how easy it is for a website to take advantage of Site Pinning in Internet Explorer 9 and Windows 7, and how a minimal investment in development can reap the rewards of increased user engagement.

What Web Developers Have Learned in the Past 10 Years

IE6 shipped more than 10 years ago, but its non-standard implementation of the shifting standards of 2001 still haunts today's developers. As the Web shifts to HTML5, and new versions of IE, Firefox and Chrome debut, have we learned the lessons of IE6?

Crank Up the Volume with HTML5 Music

With HTML5, music is making a comeback on the Web. In this tutorial we will show you how to create amazing music experiences for visitors to your website--and it's as easy as inserting an image.

Experiment with the Latest HTML5 Technologies

HTML5 is more of a series of projects than a completed standard.  Learn how to experiment with this collection of technologies as they evolve and discover what’s best to use for your site. 

How to Build Asteroids with the Impact HTML5 Game Engine

In this tutorial, I'm going to show you how to build a simple space-based asteroids game using the Impact HTML5 game engine, one of the more robust engines out at the moment.

The Dangers of HTML5: WebSockets and Stable Standards

New HTML5 technologies like WebSockets offer some amazing new opportunities for Web developers.  But they also show how implementing unstable standards may cause more harm to a site than the benefits of the technology. What is the role of browsers and how should developers plan for when developing with HTML5?

Top IE 9 Site Pinning Features

Of all of the powerful new features in Internet Explorer 9, few will impact your site as much — and at such a low development cost — as Site Pinning. With a few meta tags and JavaScript code, you can turn your website into a full-fledged Windows 7 desktop app, giving your site more traffic and longer visits at minimal investment of time. This walkthrough covers the best features to add first and how to add them fast.

5 Ways Site Pinning Will Transform Websites

Site Pinning is one of those concepts that you see and think, "How did this not happen sooner?" It's a very simple concept and given how the walls between Windows and software applications have been falling over the years. Get a quick overview of site pinning.

  • Web Development Newsletter Signup

    Other Related Newsletters
Additional HTML5 Resources

A Modernizr Primer: Getting Started

Modernizr is a JavaScript library that helps you add HTML5 capabilities to your web sites. HTML5 is a combination of HTML, JavaScript, and CSS3. In the first article in this primer series, we will show you how to get started using Modernizr.

Using HTML5 for Automatic Placeholders in Email Forms--With No JavaScript

Previously, if a developer wanted to include some sample text in an email field in a form, and then make that text disappear when the user clicked within that field, they had to use some JavaScript to make it happen. Enter HTML5 and the placeholder attribute, which simplifies the whole process--using no JavaScript at all!

Use CSS3 and jQuery to Recreate Google+ Photo Stacking

The newest social network, Google+, is built on HTML5 and CSS3, and has some pretty cool affects. If you look at a person's profile page, under the Photos section, you'll see some HTML5, CSS3 and jQuery in action. This article will show you to create the fan and stacking effect as a means to convey a link that opens a page with multiple photos.

Three Ways You Can Use HTML5 On Your Website Today

HTML5 promises to affect the way we think about and use the web, but what can be done with HTML5 today? In our last article we discussed five essential HTML5 editors to get you started. In this article we will look at several ways you can use HTML5 on your website right now!

Web Developer Basics: Multimedia In HTML5

In the last installment of this series, we talked about link relations in HTML5. In this article, we'll see how support for various multimedia formats in HTML5 will make things much easier for you as a developer...eventually.

Web Developer Basics: Learning About HTML5

HTML5, depending on who you listen to, may be either a disruptive new technology that has the potential to bring entire companies to their knees, or a smooth transition from current HTML 4.0 that promises to make life much easier for developers. Both are at least partially true, and in this continuing series, I hope to help you make sense out of HTML5: both business sense and nuts-and-bolts coding-level sense.

Web Developer Tutorial: HTML5 Microdata

The HTML5 draft specification includes Microdata. The Microdata spec provides a standardized syntax for additional semantic markup to your web pages to enhance the machine readability of your web pages. This tutorial will discuss microdata and will show why you should be interested in it!

Web Developer Class: HTML5 Geolocation

Many websites can benefit from knowing exactly where the user accessing their site is from, enabling a more personalized local experience. HTML5's geolocation functionality can help you do just that, as we show in this tutorial.

Web Developer Basics: Link Relations In HTML5

In the first installment of this series, we introduced HTML5 and saw how much of its most basic syntax is far more simple and direct than the way most developers are used to coding. In this article, we'll look at some other basic tags and see some of the power of the language.

Five Essential HTML5 Editors

HTML5 has garnered plenty of attention in the last two years, and for good reasons. The internet as we know it is changing, and HTML5 is at the forefront of those changes. If you are eager to jump into the HTML5 mix, you will be interested in the tools we have found for creating websites and web apps using HTML5.

HTML5 Development: Form & Keyboard Events

Recently we have covered some of the major event categories for HTML5. In this installment we'll take a look at the "miscellaneous" categories that we have not yet covered. We'll see what HTML5 offers in new form events as well as most of the form and keyboard events developers have become accustomed to in HTML4.

HTML5 Development Class: Media Events

There has been much discussion surrounding the Media capabilities in HTML5: How will it impact Flash? Will we still need different media players like QuickTime and Windows Media Player? Why is HTML5 attempting to standardize media on the web? This article will give you the foundation for making informed opinions on HTML5 and its media capabilities.

HTML5 Development Class: Mouse Events

HTML5 is changing and expanding the landscape of web development. There are a multitude of new attributes and events that are being introduced with HTML5. In this installment we’ll take a look at the new and old events surrounding the mouse including movement, position and clicking as well as the new drag and drop events.

HTML 5 Tutorial for Web Developers: The Video Element

The HTML 5 specification is from being an official specification. That said, the W3C has just released an overview of the vocabulary and associated APIs for HTML and XHTML, and we'll bring you the details of the <video> element in this article for web developers.

HTML 5 Features: What Web Developers Can Use NOW

There are several articles that list some important upcoming features of HTML5, which can work on certain browsers. This tutorial for the web developer will show you how you can use certain features of HTML 5 NOW!

The Current Reality of HTML5 and the Much-Fabled Video Element

There has been much talk and debate on the topic of HTML5; in particular, the

Top 10 HTML5 Resources for the Web Developer

HTML5 has become the latest buzzword for the internet industry, and many folks believe it's the future of the web. In this article we'll tell you about 10 HTML5 resources that will allow you to begin using the technology right now.

What's New with HTML 5: Global Attributes

In the new world of HTML 5 some things will remain the same, some will go away and many will be added. In this article we will take a look specifically at what's new with the global (sometimes called standard) attributes.

HTML Class: Elements of HTML5

Since 2004, the future of web development known as HTML 5 has been envisioned, discussed and re-envisioned over and over again. Here we will take a look at some of the current highlights and help you envision how they may one day affect your web development.

HTML5 Semantics in Dreamweaver CS5.5

Prior to the development of HTML5 sematics, building a web page could be a real headache, mostly due to all the <div> elements through the page and little, if any idea what they were. Introduced in Dreamweaver 5. HTML5 starter layouts appeared and in Dreamweaver CS5.5, that continues, as you will see in this article.

Top HTML5 Tutorials from HTMLGoodies

HTML5 is an emerging technology that is slowly changing the face of the web. The latest browsers support it, and developers are eager to begin using it on their websites. HTMLGoodies features many tutorials on the topic, and we've brought them all together here for your perusal.

Web Developer Basics: Differences Between HTML4 And HTML5

Now that we've seen how to use some of the newer whiz-bang features of the draft HTML5 standard, it's time to take a few steps back and take a look at some of the other differences between HTML4 and HTML5.

Latest HTMLGoodies Forum Threads

Topic By Replies Updated
Load testing raymondkayne 0 7-22-2011 12:13 PM
Can't seem to find where to remove border in an intro?? cldsk 13 7-22-2011 12:09 PM
Open full window when iframe page changes? wickedwin 2 7-22-2011 11:57 AM
Image Change at Certain Time with Page Refresh brucerules07 0 7-22-2011 09:25 AM
Force Refresh and clear cache on page loading nakko 2 7-22-2011 08:32 AM
How to remove left white space for a part? cshong 3 7-22-2011 01:22 AM
IE8 not handling iframe code correctly, Firefox does H@t Trick 0 7-21-2011 05:23 PM
Best Design for Electronic Forms Scriptonaut 4 7-21-2011 02:45 PM
Two in one Page! webiter 6 7-21-2011 07:29 AM
Photoshop &amp; HTML?? Sam0419 2 7-21-2011 05:26 AM
Drop Down Menu coming in over the menu bar DJMehrtens 2 7-21-2011 01:06 AM
Enable / create links for buttons . cnrimgr1 1 7-21-2011 00:42 AM
how to create a slide show ScottG89 1 7-20-2011 08:41 PM
Disabled button behaviour leke 6 7-20-2011 01:53 PM
menu disappear only in ie9 kasper76 0 7-20-2011 02:42 AM
Necessary tag for email marketing? atomicc 1 7-19-2011 06:14 PM
Print only odd pages ablaty 1 7-19-2011 02:11 PM
Safari won't display page captsig 5 7-19-2011 11:05 AM
Linking to another page, javascript zulu456 1 7-19-2011 09:32 AM
link color stay when clicked on -- same page earth2mac 3 7-19-2011 04:42 AM
The above articles are provided by our sponsors to help you build your site to HTML5 standards and technologies.