• Tutorials
• Web Design

A Roundup of the Best HTML5 / CSS3 Tutorials for 2013

Of course, HTML5 remains an untested new technology, and it may not be for everyone. Still, if you think you are up for the challenge, you may wish to jump in right away. Ready or not, HTML5 will be the new standard for HTML, and is designed to support CSS3 fully in all its variety of modules. Unbelievably, it has been over a decade since the release of the previous version of HTML, HTML 4.01, which came out in 1999. Obviously, the web has changed significantly since then, with the advent of Web 2.0 user-generated content, modern social media sites, and mobile devices dominating internet access.

For those not in the know, HTML5 is the result of cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG). Previously, WHATWG had focused on web forms and applications, whereas W3C was working with XHTML 2.0. In 2006, they decided to cooperate and create a new version of HTML, which ultimately became what we now know as HTML5. Take a look at some of these carefully selected tutorials below if you are interested in learning about this cutting-edge technology, and maybe getting started.

1. Coding a triangle mesh for 3D objects in HTML5

This tutorial will teach you how to make cool 3D objects in HTML5.

Source

2. Learn How to Make Games in HTML5

Here you will find a five-part tutorial on how to code your own Galaxian-style shooter.

Source

3. Creating a Simple Responsive HTML5 Template

Having Adobe Macromedia Dreamweaver and Rapid PHP is recommended, but any html/css/php editor will do.

Source

4. Create Drag and Drop Features in HTML5

HTML5 eliminates the necessity of using jQuery, MooTools, or other libraries in creating drag and drop features. This article shows you how.

Source

5. Create an Animated CSS3 Photo Stack

This lightweight slideshow even works well on mobile devices.

Source

6. Create CSS3 Patterned Buttons

This allows the coder to include subtle patterns on their website’s buttons.

Source

7. Create a Survey with HTML5

This engaging survey plays more like a game than the conventional (and boring) surveys of most websites.

Source

8. Create a Drop Down Menu with Search Box in CSS3 and HTML

This lets the coder take advantage of the Square UI, a PSD User Interface Pack that you can use to create startup projects, websites or iOS/Android Apps.

Source

9. Create an E-Commerce Web Element with CSS3

This handy Web Element has become extremely popular among many different E-Commerce websites.

Source

10. HTML5 for Beginners

As the title suggests, this article covers the basics of HTML5 that might be missed in some of the more specific tutorials.

Source

As you can see, much effort has gone into determining user-interface guidelines for HTML5. New features must be based on HTML, CSS, DOM, and JavaScript. Reducing the need for external plugins like Flash, which leave unwary users vulnerable to virus infection, has become a priority. Users demand better error handling and more markup to replace scripting. The developers mandated that HTML5 should be device independent and that the development process should be visible to the public. Perhaps after reading some of these articles, you will feel ready to begin using HTML5 in your own projects. Good luck and happy coding.

About the author

Helen works in web design for Clickinks.com, online distributor of brother ink cartridges and other ink cartridges for your printing needs. Helen loves her job, when she is not in the office she enjoy playing the piano and learning how to code.