Build a Responsive Website Using HTML5 and CSS3 Tutorial


In this tutorial we will teach you how to create a responsive website using HTML5/CSS3. So rather than talking about, let’s get straight to it. We hope you will leave comment in as we would like to get hear some of your opinions very, very much!



Download Source Files              View Demo

13 Comments to “Build a Responsive Website Using HTML5 and CSS3 Tutorial”

  • Kaden September 23, 2013 at 2:05 pm

    What is the difference between css3 and css4 and what’s the best editor for css?
    note: I’m using js and html5 for mobile application

  • Michael C September 26, 2013 at 1:46 am


    I own my own company and I’ve been creating my own website.

    I am starting to make a reservation page for my Limo Company using HTML5/CSS3.

    I wanted to know how I can link the submit button on my form to automatically send me a message to my e-mail with the information that was on the form to my e-mail.

    I know how to link the two together using but I don’t want the customer (person who is filling out the form) to send me an e-mail. I want the form to automatically be sent back to my e-mail.

    Any help / advice / tips / inputs are greatly appreciated.

    Thank you.
    I also want to the forum to be able to pop up as a new window, is there any way to link that as well?

    The code “mailto:” doesn’t seem to be working out.

  • Kaden September 27, 2013 at 9:35 pm

    I am doing a research essay on html5 and css3, and now the second part is to build a small prototpe application to demonstrate these technologies i have discussed. But what do they mean by build a ‘prototype application’ ?

    Much appreciated.

  • Sergio October 2, 2013 at 5:14 am

    I’m assuming that friendster uses jquery to get the look of the dialog box but however, the problem is i dont know how to make the rounded corners(including the shadows) for IE. Since IE doesnt support CSS3. I tried using the plugin jquery.corner.js but doesn’t seem to work. Help please?

  • kiltakblog October 2, 2013 at 5:26 am

    Hi I want to start to develop with Rhomobile from Motorola Solutions. On the site is mentioned HTML5 but on other sites says that I need to learn Ruby but that are old posts. I’m studying HTML5 together with JavaScript and CSS3, but still can some Rhomobile developer tell me what language do I need booth languages or? Please answer fast I will give you 10 points.

  • toast October 3, 2013 at 9:53 pm

    I’m trying to write a blog from the ground up. I’ve got the HTML5 and CSS3 down with some javascript familiarity, now I need the ability to save the blog content on the server and access it with my webpage.

    Can I do that with HTML? Like, can I define the text in an area by a text document on the server? Or something? Or do I need to learn php or something?

  • Sergio October 6, 2013 at 3:08 pm

    I know basic html and have built numerous websites, but I would like to know where I should go from here. Should I learn css or css3? Can I use both in developing a single website? Should I learn and start implementing html5 in my site building process, and is it currently supported by all of the latest browsers? Any other assistance and suggestions about other languages to learn, or what latest web editing software apps would be best to use would be appreciated too.

    Thank you.

  • Armas October 20, 2013 at 11:01 am

    I use HTML5, CSS3, Javascript and JQuery 1.9.1
    I have seen some websites have this thing where there is an image with wierd looking text on it and you have to type in the text to continue to make sure your not a bot.

    My question is how do you do this?
    I have searched the internet but I still don’t know.

    Hopefully this is enough infomation and and hopefully I get a response.

  • The Villain October 25, 2013 at 7:52 pm

    I have a big problem. I’m working on a website made with Wikidot. I’ve made the homepage with javascript and css code, taking example from this:–code/blog%3Aanimated-page-entry-with-css3/5
    Now, if I go to this direct link with IE it works but without any animation. Once I put it on the wikidot page with IE doesn’t appear anything.
    Is there a way to make a page shown only to users that use IE?
    The wikidot website is private, could it be a problem?

  • borabora5524 November 4, 2013 at 9:47 am

    I know these are easy to learn but I have just started and I really like learning this and would love a career. My main question is could I earn money with Html5 and css3 while I learn new languages? All help is welcomed Thank you.

  • Christopher J November 9, 2013 at 10:38 am

    There’s no javascript, they have a link which is a hash with an element id and when I click on it, it shows that element? How do people do this? I don’t think there is any CSS3 on top of no javascript.

  • Pacman November 16, 2013 at 7:05 pm

    I have good knowldge in html but not in css and i want to learn latest techanic so plaese suggest best book for HTML5 and CSS3 learning.

  • Franklin Bluth November 24, 2013 at 1:27 am

    1)Ruby On Rails and/or PHP (Preferably RoR)
    3)JavaScript (with Ajax and JQuery)