25 HTML5 CSS3 Tutorials with a Hint of jQuery


You know the recipe to create a perfect modern website? You start with a dough of HTML5, then you add CSS3 sauce, in the end garnish it with a bit of jQuery and you got yourself a tasty website.

But sadly these three things are very new in the market and we haven’t yet learned to use them properly. Designzzz is playing its part to get you HTML5 literate, I myself have been jumping on these new trends in my tutorials.

Today instead of a web design, I decided to share some of the best HTML5 CSS3 tutorials I have seen in the previous months.

Lights Off – A puzzle game using HTML5 canvas

Puzzle Game HTML5 Canvas

Create a Grid Based Web Design in HTML5 & CSS3

Grid Based Web Design in HTML5 and CSS3

Fullscreen Slideshow with HTML5 Audio and jQuery

Full Screen Slideshow HTML5 CSS3

Blowing up HTML5 video and mapping it into 3D space

Blowing up HTML5 Video

An HTML5 Slideshow / Canvas & JQuery

HTML5 Slideshow

HTML5 Gray scale Image Hover

HTML5 Gray Scale Image Hover Effect

Implementing HTML5 Drag and Drop

HTML5 Drag and Drop

Design & Code a Cool iPhone App Website in HTML5

code iphone app in html5

Create a Sticky Note Effect in 5 Easy Steps with CSS3 and HTML5 

Sticky Note Effect in HTML5 CSS3

Build your First Game with HTML5

Build Your First Game Html5


HTML5 Image Effects – Sepia

Image Effect in HTML5

HTML5 Video player JQuery plugin

HTML5 Jquery Video Player

HTML5 Charts and Graphs

HTML5 Charts and Graphs

HTML5 Face Builder

HTML5 Face Builder

Pure HTML5 file upload

HTML5 File Upload

Create a Stylish Contact Form with HTML5 & CSS3

HTML5 CSS3 Contact Form

How to Build Cross-Browser HTML5 Forms

Cross Browser HTML5 Forms

Build your own HTML5 3D engine

HTML5 3D Engine

Interactive Typography Effects with HTML5

Interactive HTML5 Typography

Making a Beautiful HTML5 Portfolio

Beautiful Portfolio HTML5 Jquery

Detect Geo-location On Web Browser Using HTML5

Geo location Web Browser HTML5

Isometric interactive interior guide

HTML5 Interactive guide

HTML5 Canvas Image Manipulation Tutorial

HTML5 Imag Manipulation Canvas

LimeJS HTML5 Game

Lime JS HTML5 Game

HTML5 File Uploads with jQuery

HTML5 File Upload Jquery php

create free website wix below post

Further Related Readings

  1. girijesh April 8, 2012 at 9:09 am

    can any body tell me how an search button works in an online shopping website. when we type mobile and click search how the data from Msql is fetched and displayed in html page.

  2. johnatan April 9, 2012 at 9:18 am

    Very good! Thanks!

    1. Jawad April 18, 2012 at 2:28 am

      You’re most welcome 🙂

  3. Gurvinder Singh Patialvi April 11, 2012 at 4:14 am

    Very Nice Tutorials and Articles. I learn many things from this Website.
    I am Graphic Designer working from 10 years, Now I improve developing skills.

    This website is really awesome. Every kind of tutorial is available. A fresher or an expert both can learn many new things, new ideas from this website.

    1. Jawad April 18, 2012 at 3:01 am

      It seems like you are telling me my own story. I was a designer when I started working here, then with time I went into development.
      I had a wonderful team to guide me, I hope I can be that team for you 🙂

      Welcome to Designzzz.

  4. Muhammad Irfan Sumra April 12, 2012 at 11:13 am

    @girijesh you should learn php and mysql in the case you want to learn how to make an internal search engine of your website.
    Well jawad, very good post, very informative things about html5.

  5. girijesh April 13, 2012 at 8:42 pm

    thanks Irfan, i am learning PHP and mysql.
    but was looking online for tutorials and sample script for internal search engine. can u guide me

  6. Muhammad Irfan Sumra April 15, 2012 at 11:38 am

    Sure, why not girijesh, there are many websites providing best tutorials, but I like the http://www.tizag.com and http://www.w3schools.com and I have learnt very much from these sites, and you can find the scrips on http://www.pscode.com or http://www.hotscripts.com . these two websites are great resources of php and mysql codes.

    1. Jawad April 18, 2012 at 2:26 am

      Thanks a lot Irfan for helping out a fellow reader.

  7. webexstudios April 18, 2012 at 5:08 am

    Thanks for the collection.Hopefully I can use some of these.

  8. Muhammad Irfan Sumra April 20, 2012 at 11:35 am

    jawad its my pleasure to help any one.

    1. Jawad April 24, 2012 at 2:46 pm

      Thanks, you’re a kind fellow. 🙂

Comments are closed.

Copyrights © 2016 - Designzzz. All Rights Reserved