Design, CG Graphics & Inspiration
HTML5 Essentials Resources

HTML5 Essentials Resources

Today HTML5 brings a lot of opportunities to web designers and web developers. The things that previously one could do only with the use of Javascript or Flash, now with HTML5 became more accessible. And for those who want to master their skills we’ve compiled some HTML5 specifications, references and tutorial articles that might be very handy both for beginners and professionals.

w3.org

The World Wide Web Consortium (W3C) is an international community where Member organizations, a full-time staff, and the public work together to develop Web standards. Led by Web inventor Tim Berners-Lee and CEO Jeffrey Jaffe, W3C’s mission is to lead the Web to its full potential.

HTML5 Specification at W3
HTML: The Markup Language
HTML 5 Reference. A Web Developer’s Guide to HTML 5
HTML5 differences from HTML4
HTML Design Principles
Planet HTML5

W3 Wiki

HTML5 Training
This is the HTML educational materials for beginners.
HTML5 Elements
This is the list of HTML and related Elements from the past to the present.
HTML5 Media Accessibility Checklist

whatwg.org

The Web Hypertext Application Technology Working Group (WHATWG) is a growing community of people interested in evolving the Web. It focuses primarily on the development of HTML and APIs needed for Web applications.
The WHATWG was founded by individuals of Apple, the Mozilla Foundation, and Opera Software in 2004, after a W3C workshop. Apple, Mozilla and Opera were becoming increasingly concerned about the W3C’s direction with XHTML, lack of interest in HTML and apparent disregard for the needs of real-world authors. So, in response, these organisations set out with a mission to address these concerns and the Web Hypertext Application Technology Working Group was born.

HTML Living Standard
Web Applications 1.0
HTML5. A technical specification for Web developers
FAQ

WHATWG Wiki

This wiki is made available for you for drafting proposals, for writing essays, for keeping track of HTML-related issues, and so forth.

Mozilla Developer Network

Mozilla Developer Network in HTML-5

HTML5 Doctor

HTML5 Doctor is a collaboration among Rich Clark, Bruce Lawson, Jack Osborne, Mike Robinson, Remy Sharp, Tom Leadbetter, and Oli Studholme. On this site articles related to HTML to its semantics and different tips on how to use it are being published. They also invite questions via Ask the Doctor and in future article they’re going to post the answers.
HTML5 Doctor in HTML-5

HTML5 Rocks

This site, the HTML5 Playground, Studio, and Presentation slides are all open source projects. Tweak the code or contribute new guides!
HTML5 Rocks in HTML-5

Dive Into HTML5

Dive Into HTML5 seeks to elaborate on a hand-picked Selection of features from the HTML5 specification and other fine Standards.
Dive Into HTML5 in HTML-5

w3schools.com

w3schools.com in HTML-5

HTML5 gurus on Twitter

HTML5 gurus on Twitter in HTML-5

HTML 5 Reference Guide

HTML 5 Reference Guide in HTML-5

Introducing HTML5

Introducing HTML5 in HTML-5

Articles

HTML5 and Accessibility

Accessibility for people with disabilities is a legal responsibility in many countries. It’s also the right thing to do, and one of the characteristics distinguishing professional developers from the WWWs: WYSIWYG-wielding wannabes. But for many, accessibility has been a somewhat black art, requiring adding extra stuff to your code like alt text, table summaries, ARIA information that can be difficult to test by developers who are not assistive technology users themselves.
HTML5 and Accessibility in HTML-5

How to Build Asteroids with the Impact HTML5 Game Engine

Over the past couple years or so there has been a dramatic rise in the number of HTML5 games around on the Web, thanks in no small part to the HTML5 gaming engines that are making their development much easier. In this tutorial, I’m going to show you how to build a simple space-based asteroids game using the Impact game engine, one of the more robust engines out at the moment.
How to Build Asteroids with the Impact HTML5 Game Engine in HTML-5

New form features in HTML5

HTML5 includes many new features to make web forms a lot easier to write, and a lot more powerful and consistent across the Web. This article gives a brief overview of some of the new form controls and functionalities that have been introduced.

New structural elements in HTML5

This article, on the other hand, focuses on the latter — we will briefly look at how the new semantic elements were chosen, what the main new features are and how they are used, how headings work in HTML5, and browser support for these new elements, including how you can support them in older browsers.

An Introduction to the HTML 5 Canvas Element

For those not familiar with it, the HTML 5 ‘canvas’ element provides a rectangular area where you can draw anything you want on. It’s pretty slick and seems pretty powerful. In essence, instead of solely relying on image creation tools like Photoshop, GIMP or Paint.net for generating graphics, you now have a native element on which to do it.

Learning To Use HTML5 Semantic Elements

HTML5 has several new layers, including a new set of semantic tags. While there is still some debate about whether or not we should be using and styling these tags I think at the very least we should start learning them.

About Obsolete Features in HTML5

Many developers will be familiar with the word “deprecated” when referring to elements and attributes that no longer validate or that are no longer part of the current HTML spec. This was the term used in previous versions of HTML, but not with HTML5.

Aside vs. Blockquote in HTML5

HTML5 has, as most of us know, introduced a new ‘aside’ element, which I feel can replace the ‘blockquote’ element in specific places where we would normally think a ‘blockquote’ is more appropriate.

Why Developers Should Be Studying HTML5′s Design Principles

If you don’t already know, the W3C has formulated a fairly brief, yet valuable document called HTML Design Principles that outlines exactly what principles have guided and continue to guide the creation and evolution of HTML5 and its related APIs and other technologies.

Is it Accurate to call HTML5-Based Code Forking “Graceful Degradation”?

Before I go into the main content of this post, I just want to say that Bruce Lawson has done a fantastic job of promoting HTML5 education both online and in print. I haven’t had a chance to get a copy of his and Remy Sharp’s book Introducing HTML5 but it is on my definite to-read list.

Cheet Sheets and Tools

Periodic Table of the HTML5 Elements

Periodic Table of the HTML5 Elements in HTML-5

HTML5 Reset V2

Like a lot of developers, we start every HTML project with the same set of HTML and CSS files. We’ve been using these files for a long time and have progressively added bits and pieces to them as our own personal best practices have evolved. Now that modern browsers are starting to support some of the really useful parts of HTML5 and CSS3, it’s time for our best practices to catch up, and we thought we’d put our files out there for everyone to use. By no means do we see this as the One True Way to start every project, but we think it’s a good starting place that anyone can make their own.
HTML5 Reset V2 in HTML-5

When can I use…

Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.
When can I use... in HTML-5

HTML5 validator

HTML5 validator in HTML-5

Modernizr

Taking advantage of the new capabilities of HTML5 and CSS3 can mean sacrificing control over the experience in older browsers. Modernizr 2 is your starting point for making the best websites and applications that work exactly right no matter what browser or device your visitors use.
Modernizr in HTML-5

Ultimate HTML5 cheatsheat

Ultimate HTML5 cheatsheat in HTML-5

You might also be interested in..

Timesaving Tools and Services for Web Developers
HTML5 Placeholder stylization with the help of CSS
20 Free HTML5 Games
Useful HTML5/CSS3 Snippets
15 Handy HTML5/CSS3 Frameworks For Web Developers
Creating a Framework For Canvas: Objects and Mouse
How to create a Progress bar with HTML5 Canvas
Meet The Future – HTML5 Demos
Useful HTML5 & CSS3 Toolbox For Web Developers
HTML5 video players
HTML 5 in Internet Explorer

  • AndrewG,
  • August 2, 2011

SHARE THIS POST

Andrew is the chief editor of Splashnology blog. He has many years of experience within the web design industry and has a passion for the latest web technologies. 3D Models Marketplace

Subscribe for the hottest posts

Subscribe to our email newsletter for useful tips and freebies.

  • Nice set of HTML 5 Resources.

  • HTML5 and JavaScript can be viewed as a future gaming platform;
    one can not overlook the potential features of HTML5 like canvas, Audio and
    Video elements that make possible for game developers to develop visually
    stunning 2D and 3D HTML5 games with canvas element and WebGL.

     

  • Nice set of HTML 5 Resources.

  • HTML5 and JavaScript can be viewed as a future gaming platform;
    one can not overlook the potential features of HTML5 like canvas, Audio and
    Video elements that make possible for game developers to develop visually
    stunning 2D and 3D HTML5 games with canvas element and WebGL.