Article by Jerry Low
Geek dad, SEO data junkie, investor, and founder of Web Hosting Secret Revealed. Jerry has been building Internet assets and making money online since 2004. He loves mindless doodling and trying new food.
Although HTML5 will not be fully completed until 2014, it has helped web developers and designers to move far beyond text and hyperlinks to more complex features that’ll help with the usability of their websites. These 30 HTML5 tutorials will help advanced users to upgrade their knowledge in HTML and introduce HTML5 to beginners.
Do you keep yourself organized by using Post-Its? This tutorial will be the perfect fit for you! Learn how to create a sticky note effect in 5 easy steps by following this tutorial.
Most people get intimidated to write applications for various operating systems. In fact, you can use common Web technology to create offline Web applications. Read this tutorial to learn how.
Remember those days when people still play games such as Tetris and Dr. Mario on a Game Boy that is a size of a block? This tutorial teaches you how to create the classic game Arkanoid using HTML5.
You have a website, and you want your visitors to be able to access your website on their mobile devices. In this tutorial, you will learn how to adapt your existing website for mobile devices without building a separate mobile site.
There are various different ways of creating a login form for your website. This tutorial teaches you one of the easiest ways to do it.
You’ve heard of the HTML5 Canvas, and you think that it is limited to just games and concept demos. In this tutorial, you’ll learn how to create an HTML5 Slideshow using HTML5 and jQuery.
Whether you’re trying to learn HTML5 or just brushing up your HTML5 skills, you’ll find this tutorial helpful.
When designing a website that is image-heavy or graphic-heavy, as a responsible and considerate web developer, you’ll have to learn ways to prepare good-quality images that download quickly. You will learn the technique to achieve this through this tutorial.
Are you a fan of the iTunes interface? This tutorial teaches you how to create an audio player similar to iTunes’ using HTML5.
A resume is a way for employers to spot out and filter potential employees. In our generation, most job applications are submitted electronically, and it is important to have an electronic resume that is professional and presentable at the same time.
Typography is just as important as other web elements when planning your website. This tutorial teaches you how to create a typography-based blog layout using HTML5.
Ever wondered how different HTML5 is compared to HTML? Want to know its capabilities and how to use it to its potential? This article tells you more about HTML5.
If you’re past the HTML basics, this article will be helpful to you as it teaches you the elements of HTML5.
In this tutorial, you’ll learn how to create a contact form that integrats gradients, highlights and shadows using HTML5 and CSS3.
If you would like to take up the challenge and sharpen your HTML5 skills, follow this step-by-step tutorial that’ll teach you how to create a Photoshop design concept that lays out content to a solid underlying grid.
Image hovers are a fun way to surprise your visitors and highlight content at the same time. In this tutorial, you’ll learn how to make a grayscale/color image hover effect using HTML5 and jQuery.
Creating a Drag and Drop is one of the most common functions of HTML5. In this tutorial, you’ll learn how to build a simple Drag and Drop planning board.
If you have a video or certain videos that you would like to post and showcase on your website, this tutorial teaches you how to create your own video player using HTML5.
Progress bars are a fun way for visitors to wait as your website content loads. In this tutorial, you’ll learn how to create your own HTML5 progress bar.
In this tutorial, you’ll learn how to create different interactive typography effects using HTML5.
What is Geolocation? This tutorial teaches you how Geolocation can be used and integrated to your website.
As a web designer, you probably have managed to naturally stay away from table-based layouts. What if you get that one single project that involves around it? This tutorial will come in handy when that time comes.
In this tutorial, you’ll learn how to migrate your WebSQL Database to Indexed Database.
Imagine an image produced in 3D Max. Now, imagine how you can create this image using HTML5. How is it possible? Read this tutorial to learn how.
While the page flip effect is usually done using Flash, the same effect can be done using HTML5 Canvas. This tutorial teaches you how.
After going past the basics on creating apps using HTML5, this tutorial teaches you how to build awesome, stunningly visual apps using HTML5.
This tutorial teaches you how to create a template that has features such as simplified doctype, more semantic markup, input types and placeholders using HTML5.
So do we! Here’s more on the topic, go check them out.
[icon_list icon=”angle-right”]* 30 Very Cool Examples of HTML 5 Websites
* Getting Started with HTML 5
* Master HTML 5: 10 Instant Tips and Tricks with Sample Code
* Learn HTML 5: 10 Must Read Lessons