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.


Leave A Response