HTML5/CSS3 Flat Responsive Website – Start To Finish Web Design Tutorial
Keywords Optimization |

HTML5/CSS3 Flat Responsive Website – Start To Finish Web Design Tutorial

By  |  November 29, 2017  |  Website Designing  |  Comments





In this video we’ll learn how to design a responsive HTML5 and CSS3 website from scratch using only a text editor. The website design also features a navigation that will transform at the mobile or responsive width of the website.

Sublime Text:
Video Rating: / 5

Responsive Web Design Tutorial - 7 - Responsive Desktop vs Mobile Sites

Facebook –
GitHub –
Google+ –
LinkedIn –
reddit –
Support –
thenewboston –
Twitter –
Video Rating: / 5

About the Author: Adrian Ho


  1. Jesus Christ

    on November 29, 2017 at 10:37 am -

    Learned alot and this was well explained, you are awesome...
  2. Syed Dabeer Ul Hasan

    on November 29, 2017 at 10:42 am -

    I have more than 7 years of experience in UI/UX Designing, HTML/CSS, HTML5/CSS3, JavaScript, JQuery, Bootstrap,Website Design, Woo-commerce, Shopify, OpenCart, Squarespace, Wix, WordPress & PHP. If you want to create your website "FREE" then feel free to contact with us you can also check my recent work below .

    Website :
    Contact :
  3. Shourov Foisal

    on November 29, 2017 at 11:56 am -

    Nice tutorial! Followed it from start to finish and learned a lot of good stuffs from it. Keep up the good job!
  4. laugh until the day

    on November 29, 2017 at 11:59 am -

    thank you
    i have a question :
    why you work with float left instead of display inline block
  5. Bursa Web Tasarım & Yazılım

    on November 29, 2017 at 12:23 pm -

    Thanks for sharing sir this video.These days a responsive web designing is the trend. A responsive website is one that can be run on all devices and is compatible with all screen resolution. Visit us at
  6. Klaas Vaak

    on November 29, 2017 at 1:18 pm -

    Hello Drew. Top Video. Good explanation and good preparation material you provide to your viewers. Excellent work. I think you can be proud of yourself. Making a website seens easier than I thought. Thank you very much.
  7. noah tup

    on November 29, 2017 at 2:05 pm -

    but How👍 I know cmd BUT not css
  8. Dean Dede

    on November 29, 2017 at 3:37 pm -

    bro, i did the survey which came with your starter files and at the end when i try to subscribe to the survey it gives me error [ [subscribe]: Unauthorized.] :/ dont know why xD
  9. Swagnik Dutta

    on November 29, 2017 at 3:41 pm -

    Am i the only one who hates and is frustrated by adds? Especially because it says "you need a website why not do it your self? " when I'm actually learning to make a website by myself with the help of our awesome Bucky ?
    This is annoying :/
  10. Sanjay

    on November 29, 2017 at 4:32 pm -

    good vide

    Best Mobile Website Designing Company in Chennai
    Best ORM Company in Chennai
  11. Spellbinding Videos

    on November 29, 2017 at 4:51 pm -

    Thanks for the video ...Hi Sir... I am a software engineer who has started learning responsive UI for a new project in mvc4 and html 5. I have totally understood the media queries and the manipulation of display properties of divs using them. However I am still not sure how i am gonna show grid views with 20-30 columns in responsive UI ( for mobile screens n all). What are we gonna display in the place of grids or how r we gonna display in the grids on mobile screens?????
  12. Philippines Web Outsourcing

    on November 29, 2017 at 5:12 pm -

    You may have to make user experience compromises if user goals vary widely between mobile and desktop. This is the major reason why it needs to be very responsive.
  13. eXtrem3_b0y

    on November 29, 2017 at 5:57 pm -

    Great, Bucky! Just what I was looking for. When I'll come back from univ later I'll watch all your videos :D
  14. Antonio Kirilov

    on November 29, 2017 at 6:38 pm -

    Could you give us the code to redirect users to the mobile site ? :)

Leave a Reply