Responsive Web Design is a standard now in web design, but it can be a little confusing for those that are just getting started. What are the fundamentals? what are the “must-haves”? In this episode, I try to answer those questions. Remember to Subscribe
—————————————————————————————-
These are the 10 basics of Responsive Web Design and links for further reading
1. Responsive vs Adaptive web design
2. The flow
3. Relative units
4. Breakpoints
5. Max and Min values
6. Nested Objects
7. Mobile or Desktop first
8. Webfonts vs System fonts
9. Bitmap images vs Vectors
10. Make it till it breaks
————————————————————————————
////////// Want to support my content and get extra goodies? Become a member and get perks like member-only content, behind the scenes, design files, and more…
////////// Connect with me here 👍🏼
Instagram:
Twitter:
Anchor:
Medium:
////////// Sign up for my Monthly Newsletter 📫
////////// Music is from Musicbed click below for a free trial 👇🏼
////////// Equipment 📸
Thanks you Jesse, 40seconds into your video I was already getting helping contents.
And thanks for dropping those reference links in the description,
your work, appreciated.
If building a responsive site starting with mobile should size be 360 or 414 width? Is there a best practice?
Man, it's been a while since I rode the web dev train and watching this made me remember the insane number of basic things I'd forgotten. LOLz.
Nice tutorial video, Jesse. Very nicely done. Thank you for your insight in web design. I used your video as s sort of introduction to the topic even though I'm certain I've read about it previously. It really helped to get a global view of what web design entails, and I must say that you are pretty darn thorough considering that this is a very general video. Looking forward to checking out your next one. Kudos for you, dude!
Hey Jesse, great video. The head tat is super hard btw.
Nice
granit xhaka teaching me web dev lmao
Super helpful and delivered in a entertaining but informative way. Thank you !
I am glad for this content.
Good job
I really don't know where im going wrong with my code but I find myself using a lot of Media Query break points because the website just looks very irregular every time i size it down (i started coding for PC first)
thank you
Amazing video as allways Jesse!
Was seeking out for this video only, thanks bro!🙄👍
info video
Tara Mcpherson???? 👀
Dude love your videos! u rock
Hi Jesse , excellent video. Just wanna tell you that in a well done responsive design you need to write rules for margins, padding, font size, and others so you can get a congruent final design not just scalable blocks or multiple columns to one or two ! ; ) ⭐️⭐️⭐️⭐️⭐️
super awesome video! Clear and precise!
So I went to a vocational school to learn web design, yet none of these things were EVER mentioned. Why, why, WHY?!
trash
This has given me more knowledge than my years of web design put together. Wow, I am really grateful
I thought vw and vh meant vertical width, vertical height. I have a 3 column responsive (well SHOULD be) blog, and it has pixels. Should I change those over to percentages and em's and rem's?
Excellent !
I also do Desktop first design. 😁
Very informative video, thanks for it.
great content
0:37 stevewilldoit intro
Bruh, perfect explanation one needs about responsive web des. Proper examples, description everything 😍
Lovely video 😇
I am currently in a class and we are getting into responsive web design in a couple weeks. I always like to scout what information I should be expecting and I appreciate you sharing this.
Have a good day,
Holy cow, giving SPECIFIC examples while explaining or just giving a word can help understanding things sooo much faster. Thanks a lot!
Sorry for a silly question, how do you use relative unit in design tool, i.e. Sketch, as you can only assign pixel to font? Where does the em thing come in? When handover to developers? Also, thanks for the awesome video 😀
Great.
Thanks for a very good succinct video about this!
I've done a mix of back/front development, and always forget some details here and there.
So a nice overview yours, of responsive design, is very helpful.
Thanks!
You are the male version of Drew Barrymore. 😀
You don't have to Hand-Coding anymore if you use pxCode to build Responsive Webpage, and it's for free.
Try it out http://www.pxcode.io , there's tutorials on our channel as well 😉
awessome list and explanation, im suscribing right now
Thanks for sharing.
#introduction_web_design_q
RIP my ears at the start
So nice