10 Awesome Html5 Website Tutorials

10 Awesome Html5 Website Tutorials
Ahmad July 3, 2011 4

Html5 goal was to make it easier to develop Web applications. It aims to reduce the need for proprietary plug-in-based rich internet application (RIA) technologies such as Adobe Flash, Microsoft Silverlight, and Sun JavaFX. In this post, you will find awesome Html5 website coding tutorials collected from different resources. I thought I’d share some of the tutorials I’m reading along the way. If you find something missing, kindly share it. Thank you for reading and enjoy.

1. Coding A HTML 5 Layout From Scratch

Coding A HTML 5 Layout From Scratch

2. HTML5 and CSS3: The Techniques You’ll Soon Be Using

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

3. Making a Beautiful HTML5 Portfolio

Making a Beautiful HTML5 Portfolio

4. Coding a Stylish Blog Design Layout in HTML and CSS

Coding a Stylish Blog Design Layout in HTML and CSS

5. Case Study with Html5 and CSS3

Case Study with Html5 and CSS3

6. Design and Code a Cool iPhone App Website in HTML5

Design and Code a Cool iPhone App Website in HTML5

7. Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3

Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3

8. Coding a CSS3 and HTML5 One-Page Website Template

Coding a CSS3 and HTML5 One-Page Website Template

9. Create An Elegant Website With HTML 5 And CSS3

Create An Elegant Website With HTML 5 And CSS3

10. Code a Vibrant Professional Web Design with HTML5/CSS3

Code a Vibrant Professional Web Design with HTML5/CSS3

Other Html5 Tutorials

Tools

  • Modernizr: Javascript library for feature detection and control fallback cases of HTML5.
  • html5 shiv: Javascript patch to make IE support, and print, the new tag elements.
  • HTML5 Boilerplate: An set of HTML/CSS/JS templates with best practices for HTML5.
  • HTML5 Cross-browser Polyfills: The collection of scripts that enable HTML5 features in all browsers.
  • Font Dragr: Test your fonts using drag and drop.
  • Font Squirrel Generator: Most complete tool to generate code for you font-face support.


4 Comments

  1. June July 28, 2011 at 7:44 pm - Reply

    Hi, I’m a desperate student who want to learn about building websites. I love this blog post and it really amaze me. Can you post something that will help people where to begin? Could share some resources? I know basic HTML. What’s next?

    • Ahmad July 30, 2011 at 2:19 am - Reply

      okay soon i’m gonna share some new resources, may that help you to design creative website.

  2. Elizabeth Machine August 22, 2011 at 3:58 am - Reply

    I learned a lot from this post, much appreciated! :)

  3. Hellen Evans October 8, 2011 at 10:31 pm - Reply

    Thanks for the share!
    Hellen

Leave A Response