10 Awesome Html5 Startup Tutorials For Newbies

1. Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3 By InspectElement

This is a run through of the basics of HTML5 and CSS3 while still paying attention to older browsers.

html5portfolio

2. ?Coding A HTML 5 Layout From Scratch

HTML5 and CSS3 have just arrived (kinda), and with them a whole new battle for the ‘best markup’ trophy has begun. Truth to be told, all these technologies are mere tools waiting for a skilled developer to work on the right project. As developers we shouldn’t get into pointless discussions of which markup is the best. They all lead to nowhere. Rather, we must get a brand new ideology and modify our coding habits to keep the web accessible.

Coding A HTML 5 Layout From Scratch

3. HTML 5 and CSS 3: The Techniques You’ll Soon Be Using

In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3. The tutorial aims to demonstrate how we will be building websites when the specifications are finalized and the browser vendors have implemented them. If you already know HTML and CSS, it should be easy to follow along.

html-5-and-css-3-the-techniques-youll-soon-be-using

4. Design & Code a Cool iPhone App Website in HTML5

HTML5 is definitely the flavor of the month, with everyone in the design community getting excited about its release. In this tutorial we’ll get a taste of what’s to come by building a cool iPhone app website using a HTML5 structure, and visual styling with some CSS3 effects.

Design & Code a Cool iPhone App Website in HTML5

5. Designing a blog with html5

Much of HTML 5?s feature set involves JavaScript APIs that make it easier to develop interactive web pages but there are a slew of new elements that allow you extra semantics in your conventional Web 1.0 pages. In order to investigate these, let’s look at marking up a blog.


6. Touch The Future: Create An Elegant Website With HTML 5 And CSS3

I’m sure that who chooses to work as web designer makes a choice of heart, a choice of love. He/she decides to bet any given day on his creativity and his ability of producing an idea and of making it tangible, visible and perceptible for all. These crazy men have my respect. But, also when the creative side is very important for a work, there exists a logical (and technical) part in all creative process.

Touch The Future: Create An Elegant Website With HTML 5 And CSS3

7. HTML5 for Beginners. Use it now, its easy!

so there are a lot of articles out there on HTML5, especially since Google Wave arrived (because it’s the first major app to run on the language), but all the information that you need to know in order to start using it now is either too complicated, or spread out over various websites / articles / tutorials. Hopefully in this article we’ll be able to amalgamate and condense a lot of this information so that anyone with basic HTML knowledge can start using it.

8. webOS HTML5 Database Storage Tutorial

With the release of Chapter 1 of Palm webOS by O’Reilly, Palm has confirmed that local storage will indeed be handled by HTML5’s new local storage functionality.

If you haven’t been able to find any tutorials on HTML5’s storage capability, you’re not alone.  After looking around, we realized that the HTML5 spec is still at such an early revision that there are few resources out there that describe how it should be used.  But with a little digging, we found this excellent little HTML5 database application over at webkit.org.  We eagerly grabbed the source code, deconstructed it, and we’re proud to bring you the first webOS / HTML5 database storage tutorial!

9. Yes, You Can Use HTML 5 Today!

There have been many changes to the HTML 5 landscape since my colleague, Lachlan Hunt’s 2007 article on A List Apart, A Preview of HTML 5. Let’s see what’s happening in the world of HTML 5.

10. Coding a CSS3 & HTML5 One-Page Website Template

Web development is an area in which you have to keep up with the latest technologies and techniques, so that you are at the top of your game.  And no wonder – this is an area which changes with an amazing pace. What is the standard now will be obsolete in just a couple of years.

But changes do not come from nowhere. The early adopters are already using what we are going to use day-to-day a few years from now. One of these technologies is HTML5 – the new version of the fundamental language of the web.

Leave a Reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.