Introduction to Responsive Web Design With HTML5 and CSS3

In this video we'll be introduced to Responsive Web Design by styling a basic responsive layout that will shift into 3 different layouts! All of the HTML5 is laid out for us, we'll be focusing on the CSS3 design for our layout with desktop, tablet and mobile designs.

[drewr]

Hey guys, in this beginner video we'll be introduced to Responsive Web Design by styling a basic responsive layout that will shift into 3 different layouts! All of the HTML5 is laid out for us, we'll be focusing on the CSS3 design for our layout with desktop, tablet and mobile designs.

[PhilipRice]

This is the best RWD tutorial I've watched so far - thanks so much!!!

[alexandrugrecov]

no doubts, the best in this area, thanks and keep rolling !

[speedreadingkids]

Drew, I have found your tutorial to be my favorite of all the ones that I have watched. I have subscribed to your channel.

[fredwatt]

Just adding to my comment of two days ago. I really appreciated the innovative form of your tutorial, it worked really well for me. Did strike a couple of glitches which I cleared using information from one of your earlier tutorials. First was that page didn't center, fixed by adding 'margin: 0 auto' to the 'reset' style instead of just 'margin: 0'. Second was that the web-page failed to respond to different display sizes - fixed by adding 'max-width: 980px' and width: 100% to the 'body' style. I hesitated to mention the glitches because possibly the solution was very obvious to most. Once again, many thanks for the tutorial.

[maskman]

i have just watched a few minutes and i already know it is a great tutorial

[oOcitizenOo]

easy and interesting, as always. Thank you!

[jemay]

Hello Mentor @Drew Ryan, Right now I'm exited to learn this video :)

[mohammedehsan]

Very nice video. Well explained in nice and clear English language. Good recording which is really important to draw listeners' complete attention. There are also some good classes. But due to bad recording, following the lecture become almost impossible. Appreciate your hard work.

[mileydallas]

Have you considered becoming a professor/teacher Drew? Cause I think you'd be excellent at it :) I feel like I've learned more from this video than I did an entire semester at my school. Thanks for the tutorials. Please make more! Definitely learning a lot from your channel. They've helped so much.

[Chostreams]

always keeping your tutorials informative. I learn a lot from watching. keep up the great work

[jenng]

Your video is amazing I learned more from this video than I have watching any other ones. Thank you for these videos please keep doing them.

[leetomlee]

thank you so much for showing it. It is so well done.

[MrFreedomax]

Hey Drew, your blowing my mind. Excellent Tutorial My Best Friend. Filled in so much in such a short time, i am hooked on you. Keep up this learning and pass it on in your way of teaching, and a very lot of people will be extremely thankful. I do not know if your work in IT but you certainly have the gift to go that direction. Respect and Huggs and Kisses "Sir". You have earned that off me. Merry Christmas and all the best in your Future.

[salv]

great video, i have some comments:

1) i was always told the universal selector *{} is usually a bad practise by some developpers, they prefer placing global selectors either in body{} or html{}
2) Why did you use the !important flag i was told to use this in exceptional circumstances.
3) in the media queries some of the elements shared the same values especially for the width:100; the code could be condensed by placing this in one statement.

[fredwatt]

Thanks very much for your excellent tutorial which is polished and packed with information

[VlRUSKlMERA]

great video, 2 questions.
-Do you like/use bootstrap?
-The effects could be done using jquery for example, so what's the better practice using css or js?

[unnatjain]

Thanks for the video tutorial Drew. It's an amazing video.

[Ralphunreal]

nice work! do you create mockups before coding websites or just code it on the fly?

[ifindev]

Thank you so much This tutorial is really amazing!!! Four Thumbs Up For this amazing video!!!