Get the Code Here : http://goo.gl/ixFYz2
Best Responsive Web Design Book : http://amzn.to/1L6amHO
Support me on Patreon : https://www.patreon.com/derekbanas
Responsive web design is used to make sure a site is optimized for any device. In this tutorial I’ll create 3 optimized sites in one video and walk you through my process the whole way through.
source
Very interesting but I'm asking myself where did you find eand learn all this commands? How do you know how to use spaces and stuff..Seems really hard stuff..
What texteditor do you use?
As always thanks for great stuff
How would you go about having the sb-icon-list below the hero image?
Btw here's my design for the 300px
http://imgur.com/sHyipLZl.png
Thank you!
Hi Derek. where can i download the image in the video?
you're such a boss for doing all of these
Very use full tutorial. Now we have bunch of CSS frameworks with do responsive part. But Always you have to know the basics
found out this interesting tutoril on web. might help you as well https://goo.gl/aPQhVe
If you want to jump into to the responsive designing part – https://www.youtube.com/watch?v=9fHSbiCISOA&feature=youtu.be&t=1561
Is this tutorial still relevant to current responsive design?
Hey Derek, what is your take on CSS Grid? Would you consider doing something similar as what you do in this video using CSS Grid (seeing how it's a groundbreaking feature and it's gaining more browser support by the day)? It would be awesome to start from mobile displays and build up while using the mobile stylesheet as fallback for older browsers.
Needless to say, you are my favorite youtuber on the coding field. Even when watching your let's plays I learn a lot of interesting tips. Thanks a ton.
great video! thanks for all your tutorials
i wish i knew 1/10th of what you he knows
Derek, Just like the other videos, this one is awesome. I have 2 questions if you don't mind. First, is this the latest video you have on responsive design, and if so, is it still good for today? Second, how did you get the grid layout on your completed site? I am trying to figure out how to come up with some type of grid layout like this to plan out the site from the beginning. I am very new at web design, but I am much better thanks to your videos.
Thank you so much for sharing
I perfere using JS to see if (this.innerWidth > 600px && his.innerWidth < 800px){change the href attribute of the link using the .setAttribute() function}
Is that a good practice? I have been told it is a bad practice a few times by other people cause they think it is not practicle to use more stylesheets when we have bootstrap and other frameworks but i personally perfere being in control on the product i build and not being limited by given propotions like 4×2 or something like that…
what programs are you using?
Your videos are brilliant. You are such a huge help and a great teacher.
I haven't looked into your YouTube too deeply, I am a new subscriber, but is there anywhere I can look to see you explain that grid layout you use in this video?
Nature can be a connection between man and his symbols…..
Perfekt
Hey Derek, thanks for all of the tutorials I've watch by you so far… in regards to this one (Responsive Web Design) you are basically saying, if I want a responsive web design I must make it responsive for all devices by having "a separate" — <link rel="stylesheet" type="text/css" href="theme.css"> and CSS file– assigned separately in a different size for similar devices, computer, Ipad, mobile phone devices etc…. thanks..
where is article class in html for which you have this css code
.article {
display: inline-block;
width: 166px;
margin-right: 16px;
}
i am not getting this plz help me
What did you use to draw the grid layout that you kept referring to whilst doing the stylesheets?
27:31
Thank you so much for this. đ GodBless
I just love your videos ! Thanks !