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

➢ STARTER FILES: https://goo.gl/Qhp3FV

➢ HTML TEMPLATE/FRAMEWORK: https://goo.gl/0bLe7b

➢ SUSCRIBE: http://goo.gl/Y2rJSj
➢ SURVEY: https://www.w3newbie.com/survey/

➢ FACEBOOK: https://www.facebook.com/w3newbie/
➢ TWITTER: https://twitter.com/DrewOnCue
➢ INSTAGRAM: https://www.instagram.com/drew_ryan_/

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: https://www.sublimetext.com/
Video Rating: / 5

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

Facebook – https://www.facebook.com/TheNewBoston-464114846956315/
GitHub – https://github.com/buckyroberts
Google+ – https://plus.google.com/+BuckyRoberts
LinkedIn – https://www.linkedin.com/in/buckyroberts
reddit – https://www.reddit.com/r/thenewboston/
Support – https://www.patreon.com/thenewboston
thenewboston – https://thenewboston.com/
Twitter – https://twitter.com/bucky_roberts
Video Rating: / 5

About the Author: Adrian Ho

18 Comments

Jesus Christ

on November 29, 2017 at 10:37 am - Log in to Reply

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

on November 29, 2017 at 10:42 am - Log in to Reply

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 : http://www.webxsquare.com/
Contact : info@webxsquare.com
Galgau Felician

on November 29, 2017 at 11:29 am - Log in to Reply

thanks for this beautiful tutorial https://www.facebook.com/galgau.felician
Shourov Foisal

on November 29, 2017 at 11:56 am - Log in to Reply

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

on November 29, 2017 at 11:59 am - Log in to Reply

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

on November 29, 2017 at 12:23 pm - Log in to Reply

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 https://goo.gl/WBMRg4
Klaas Vaak

on November 29, 2017 at 1:18 pm - Log in to Reply

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.
noah tup

on November 29, 2017 at 2:05 pm - Log in to Reply

but How👍 I know cmd BUT not css
noah tup

on November 29, 2017 at 2:30 pm - Log in to Reply

LOVE IT
BOSON GROUP

on November 29, 2017 at 2:59 pm - Log in to Reply

very good!
Dean Dede

on November 29, 2017 at 3:37 pm - Log in to Reply

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
Swagnik Dutta

on November 29, 2017 at 3:41 pm - Log in to Reply

Am i the only one who hates and is frustrated by wix.com 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 :/
Sanjay

on November 29, 2017 at 4:32 pm - Log in to Reply

good vide

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

on November 29, 2017 at 4:51 pm - Log in to Reply

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?????
Philippines Web Outsourcing

on November 29, 2017 at 5:12 pm - Log in to Reply

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.
eXtrem3_b0y

on November 29, 2017 at 5:57 pm - Log in to Reply

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

on November 29, 2017 at 6:38 pm - Log in to Reply

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

on November 29, 2017 at 7:06 pm - Log in to Reply

first :)