Create a Responsive Website Using HTML5 and CSS3

Check original article here – http://www.1stwebdesigner.com/css/create-a-responsive-website-video-tutorial/ A few weeks ago we released two different introdu…

Visit my website at https://buckysroom.org/videos.php for all of my videos and tutorials! Facebook – http://www.facebook.com/pages/TheNewBoston/4641148469563…

50 Comments

  1. what’s that operating system?Linux?

  2. Not that much hard as I thought It would be.

  3. +1stwebdesigner you used the to add attributes to
    make the webpage responsive… i thought you were meant to put the website
    description in there? im new to this and am wondering, thanks for the help

  4. Wow man you are amazing. You just granted me my my wish. I would definitely
    suggest this video to any of my friends and partners. Wow I can’t believe
    it 1 hour and a full responsive website. Whooow 

  5. You have romanian name :)

  6. I did everything as said but my bottom sidebar is coming out extremely
    squished while my first and second sidebars are coming out well. The
    copyright info is also appearing right above the “bottom sidebar” do I need
    to insert a clearfix?

  7. Could anyone help? The text doesn’t automatically move with the .content{
    width: 70% }

  8. In the style.css file there is a body and a .body tag, can someone explain
    to me the difference in these tags and what part of the index they effect?
    <-- noob here. Thanks!

  9. Why are you using multiple class names for the same kind of elements
    sharing the same attributes? The idea of using classes is that you don’t
    need to do that. You declare a set of attributes in a class and then refer
    to it from more than one element (specially if they are the same kind).

  10. When you delete the overflow left my sidebars are still at the bottom can
    some one please help me they arent going to the side.

  11. I’m begin in the field of web design I want to share my friends the same
    attention ?plz

  12. Need help with the @media. It doesn’t work for me.

  13. Simple and effective, thanks for the lesson, helped a lot. I would love to
    see you making a more in-depth web though.

  14. Thanks a lot! 🙂 Best Responsive Web Design tutorial I have ever seen!

  15. Where can you download CSS3 and HTML5?

  16. I cant even read it..

  17. Please watch my channel – I share responsive web design techniques using no
    hand code and simple point and click techniques. Im the #1 best selling
    teacher on udemyDOTcom

  18. If you end up making a website do you have to pay anything for it to be on
    the web? I’m not sure what the term is for my question is so could someone
    help me out?

  19. May i know, what is the name of this editor?

  20. What is that clicking noise?

  21. Um Everything is a link to the webpage. Can someone explain plz?

  22. great job 

  23. simple design and easy to follow 🙂 

  24. Arigato.

  25. get vim for OSX….notepad ++ alternative….or bluefish editor 

  26. CSS3 Webkit not working in IE10. What I should do in order to solve this
    problem? Any guy can help me.

  27. Can I get CSS3 Webkit from which side????????

  28. Bucky you should put some watermark on your videos , i just saw a 6:30:57
    min video about html5, uploaded by Antu Tunga and it’ s made from all your
    53 tutorials that you have in this playlist, it has more than 100 k. views
    and it’ s not fair, you should report him or smth ….. just search “Learn
    HTML5 Easily in 6 hours”…

  29. Is Sublime text Better then Notepad++? (I have been using sublime text and
    it is been really good and color-full)…

  30. Bucky!; wish had a son smart as you!!

  31. I would recommend you to use sublime text

  32. …it’s basically a way where you can create awesome sweet epic websites…

  33. Sublime Text is better I think. Its free also.

  34. BUCKY…………THIS IS MY REQUEST THAT AFTER COMPLETING YOUR COMPLETE
    TUTORIAL(LIKE C++,JAVA……………etc) MAKE THAT COMPLETE TUTORIAL’S
    INTO ONE SINGLE VIDEO……SO THAT WE CAN DOWNLOAD JUST A ONE SINGLE WHICH
    COVERS COMPLETE TUTORIAL IN ONE VIDEO IT SELF………SO THAT YOU CAN
    REDUCE OUR EFFORTS FOR DOWNLOADING EACH AN EVERY SINGLE
    VIDEO…………PLEASE DO THIS BUCK…………..I WILL BE REALLY THANKFUL
    TO YOU………PLEASE,PLEASE……..PLEASE 

  35. Im about to watch all his HTML5 tutorial. i have a question: THESE
    TUTORIALS OF HTML5 ARE OUTDATED???

  36. think u for vidios

  37. YouTube was made with html5!!!!

  38. Wait …. this video was uploaded in 6.11.2011 г. and HTML5 was released
    in end of 2012 . WTF ?

  39. HTML5 was released in end of 2012 ans this video was uploaded in 2011????
    wath????

  40. Is completing the HTML, CSS, and Javascript courses on CodeAcademy
    equivalent to watching Bucky’s XHTML/CSS and Javascript playlists, or does
    Bucky cover those topics in even more detail than CodeAcademy does?

    In other words, should I jump right into this playlist to learn more
    advanced stuff, or should I go back and revisit the basics with
    thenewboston first?

  41. thank you for the heads up about your other vids :D

  42. fgf

  43. HTML5 Tutorials For Beginners

  44. lol i just use Programmer’s notepad excatly the same as notepad++ 

  45. You forgot to mention that Notepad++ is free. 

  46. thnx really gr8 videos…

  47. thnx 

  48. Thanks so much for this!

Comments are closed, but trackbacks and pingbacks are open.