Friday, January 3, 2014

More HTML5 Tutorials

Let's start off the New Year with a couple of new tutorials.

1 Create a Mobile-Friendly Multiple Choice Quiz in HTML5

This tutorial should be slightly easier than the other HTML5 multiple choice tutorial that I posted, since it doesn't use the canvas element.

The tutorial is here: http://flashbynight.com/tutes/mcqquiz/

And the goal is to produce this: 















Working example here: http://www.flashbynight.com/tutes/mcqquiz/example/




2 Create a Mobile-Friendly Picture Quiz in HTML5 

Most of the code is the same as tutorial number 1, but the objective is to create a picture quiz.

The tutorial is here: http://flashbynight.com/tutes/pixquiz/

And the goal is to produce this:















Working example here: http://www.flashbynight.com/tutes/pixquiz/example/


====

Too lazy to follow the tutorials? No problem, the source code is available at the beginning of each tutorial. Grab it and use it for your own projects. Enjoy.


2 comments:

  1. HTML5 is the next generation and fifth version of HTML technology for content-rich website development.HTML5 is the latest addition to the World Wide Web.
    Our experience in HTML5 development empowers us to take up challenging project and deliver promising results with utmost perfection. html5

    ReplyDelete
  2. Nice blog Very useful information is providing by ur blog. Great beginning html tutorials Very clear and helpful for beginners.

    ReplyDelete