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,
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.
@3:54 points no. 7 you got me relieved about where to start building from - mobile first or desktop first . While I find it comfy to build from desktop first, then query down to Mobile, I get sort of worried this is not the best approach, Just as the popular mantra in responsiveness, "Mobile first responsiveness" ; which you kinda agreed to as well, but turns out, isn't your own personal best method of approach as well, like you stated . While it sounds good to me it a topic being debated on and, most would say "mobile first" , I think it still all boils down to the approach we are good with . This is just my personal assumption, and maybe shouldn't be taken so seriously.
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!
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 ! ; ) ⭐️⭐️⭐️⭐️⭐️
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!
Hey Jesse, thank you for the tips. Very useful! What I'd like to know next is in what order do you use these tips or Is there any order at all? Also, if possible, can you do a video on website performance tuning? Love your vids. Keep creating! ✌🏻
Very helpful clip right there Jesse!But as always I am captivated by your energy, it is so...well I don't have a compartive term right there but you get the point. 😎🤙 I am waiting for the next episode of Jesse energic style of presenting interesting facts🤙😎❤️
Regardless of the content I always smack the like button just for vigorous greetings in the beginning of your videos! And also I liked everything ten commandments that you mentioned in this video!
It's great to get a clear concept about Responsive Design. Thanks. It was also awesome that your hairstyle and speech delivery, really like it and definitely first chance I will copy your hairstyle! I am just done with like, comment & subscribe! Cool!
Responsive design, flow, relative units of measurement ( px vh ), breakpoints, maximun and minimun value, containers or nested object, mobile or dekstop first, webvonts anf system fonts, bitmaps and vectors, make it work
You don't have to Hand-Coding anymore if you use pxCode to build Responsive Webpage, and it's for free. Try it out www.pxcode.io , there's tutorials on our channel as well ;)
Happy New Year Jesse 🎊🍾😊🎇.. I thought I was one of the few that starts designing a desktop version then a mobile version. Does it really matter which version you design first? 🤔🤔
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 :D
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?
This is so helpful. I'll be designing my first responsive website and this really helped. Can anybody help me with "How to define breakpoints for different platforms?". Thanks
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)
We re the Best Web Design Professional Expert Designer Tehran. Leave the design of your own website to the professional design team of Spad Company. Your website reflects the values, beliefs and identity of your business, also referred to as a virtual office. (Best Web Design Professional Expert Designer Tehran)(بهترین طراح متخصص حرفه ای طراحی وب تهران)With a professional website, your business will be available to anyone who needs your services anywhere in the world, 24 hours a day, 7 days a week. Contact us if you need professional website design. More information Click this Links:www.spad.co/services/website-design
Hope this is directed to UI UX people. Because there seem to be a problem of communication between devs and ui ux. These people are just so against each other, the other one is the creative type that always find newer solution, one that innovates. while the other are the logical person that doesn't mind using the same solution to all website just to make things simpler. There should be a link to both of them like how left and right hemisphere connects. He should've consider more of it like, what about designs that has alot of overflows.. That's a lil bit tricky to code responsively esp if there's alot of it.
Darma Yuda Everyone is different, the rule of thumb taught to me, is that flex box is for smaller scale projects and grid is for when you get into really robust multiple page projects. Both are essential to learn and know how to use. Many frameworks incorporate flexbox into their system so having an understanding of flexbox is essential and may be considered a must by some employers. IMO both have about the same quantity of content to learn and in the long run you will need to be fluent in both.
I started learning at : teamtreehouse.com/home . They have a two week trial, these design courses serves as a foundation that I use every day as a design consultant at IBM. I really recommend these courses to get started, and after that I think it is all about just creating apps & web sites, just to practise the fundamentals of design. Also check Behance, which is basicly Instagram for designers: www.behance.net/rachidallal . A tool I wound recommend to create digital products would be Figma. I hope this helps :).
You don't have to Hand-Coding anymore if you use pxCode to build Responsive Webpage, and it's for free. Try it out www.pxcode.io , there's tutorials on our channel as well ;)
You don't have to Hand-Coding anymore if you use pxCode to build Responsive Webpage, and it's for free. Try it out www.pxcode.io , there's tutorials on our channel as well ;)
@@JesseShowalter no i'm saying its familiar because the you tube channel stevewilldoit uses it i'm guessing its a copyright free use song so its widely available for all to use...its a dope song regardless just didn't know it was free use
Holy cow, giving SPECIFIC examples while explaining or just giving a word can help understanding things sooo much faster. Thanks a lot!
Thanks so much, I’m so so glad you saw value in my video.
Wow, this was so incredibly helpful. You explained everything so well and clearly. Can't wait to watch more of your tutorials!
Glad it was helpful!
This has given me more knowledge than my years of web design put together. Wow, I am really grateful
I’m so so stoked i was able to help out.
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,
Thanks so much, Jim! So happy to help!
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.
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.
@3:54 points no. 7 you got me relieved about where to start building from - mobile first or desktop first .
While I find it comfy to build from desktop first, then query down to Mobile, I get sort of worried this is not the best approach, Just as the popular mantra in responsiveness, "Mobile first responsiveness" ; which you kinda agreed to as well, but turns out, isn't your own personal best method of approach as well, like you stated .
While it sounds good to me it a topic being debated on and, most would say "mobile first" , I think it still all boils down to the approach we are good with .
This is just my personal assumption, and maybe shouldn't be taken so seriously.
Was seeking out for this video only, thanks bro!🙄👍
This is a fantastic video. It's clear and easy to understand your explanations. Thank you for providing this information.
Yay!!!! More Jesse in 2020!! 🙌🏽🙌🏽 Detailed elaboration on each of these would be a wonderful course! Happy New Year!
Let’s get it!!! 🤘🤘
Its 2023 , this is very helpful for me
Bruh, perfect explanation one needs about responsive web des. Proper examples, description everything 😍
Lovely video 😇
Thanks so much for watching, Anish! Have a great week!
I also do Desktop first design. 😁
Very informative video, thanks for it.
That’s awesome! Thanks so much!
Thanks Jesse, learning responsive design right now and this helped a lot. Subbed!
Yes!!! So glad I was able to help out. Welcome aboard! 🤙
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!
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 ! ; ) ⭐️⭐️⭐️⭐️⭐️
That was an amazing video- very easy to understand & great visual samples... also nice presentation & easy delivery.
Thanks so much, JR- I’m so glad you liked it!
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!
That’s awesome, Miska! I’m so so glad I was able to help out! Go make amazing things!! 🤘
Hey Jesse, thank you for the tips. Very useful!
What I'd like to know next is in what order do you use these tips or Is there any order at all?
Also, if possible, can you do a video on website performance tuning?
Love your vids. Keep creating! ✌🏻
No particular order, I will make a video on optimization tips
@@JesseShowalter Thank you so much! Looking forward to it.
I am glad for this content.
What a great guide video! You deserve way more views for the quality of information you share!
Thanks for the support! Have a good day!
Dude love your videos! u rock
Very helpful clip right there Jesse!But as always I am captivated by your energy, it is so...well I don't have a compartive term right there but you get the point. 😎🤙 I am waiting for the next episode of Jesse energic style of presenting interesting facts🤙😎❤️
Haha, thanks so much Edward for the support and kind words, I’m blessed with the best community!!
Thank's clear and precise
Thank you!
Regardless of the content I always smack the like button just for vigorous greetings in the beginning of your videos! And also I liked everything ten commandments that you mentioned in this video!
Hahah, thanks for the continued support Ramin 🤘🤘
@@JesseShowalter much obliged.
This is amazing content. Thank you..
You are so welcome
It's great to get a clear concept about Responsive Design. Thanks. It was also awesome that your hairstyle and speech delivery, really like it and definitely first chance I will copy your hairstyle! I am just done with like, comment & subscribe! Cool!
Thanks so much for your kind words and your support!
Super helpful and delivered in a entertaining but informative way. Thank you !
Responsive design, flow, relative units of measurement ( px vh ), breakpoints, maximun and minimun value, containers or nested object, mobile or dekstop first, webvonts anf system fonts, bitmaps and vectors, make it work
Thanks a lot for sharing helpful information to us
Stoked to share what I have with others!
love your channel , i really learn from you a lot about .
Thanks so so much!! Get out there and make amazing things!! 🤘
awessome list and explanation, im suscribing right now
Thanks so much
Great list, Jesse.
Are you interested in doing a Bootstrap/Flexbox series?
Ryan Brooks try tailwindcss and thank me later
super awesome video! Clear and precise!
That is Superb!!!!!!!!!!!!
Thank you for these tips.
Thank YOU!! Have a good day!!
Awesome tips for beginners - I'll have to show this to my students!
Thanks Corey!! Stoked!!
Dopeness! Love your content man!
Thanks so much!! You’re rad!! 🤘
Amazing video as allways Jesse!
Thanks for the tips, they are really helpful.
Thank you so much, Isabella! 🤘
I will always like, to check the basic ,
great contents
Thank you,
Thanks so much, Hifa!! Have a great day! 🤘
Happy New Year Jesse 😊👍
Happy new year my friend!! 🤘
Man I have so much to learn.
One day at a time, one foot in front of the other! You’ve got this!
You don't have to Hand-Coding anymore if you use pxCode to build Responsive Webpage, and it's for free.
Try it out www.pxcode.io , there's tutorials on our channel as well ;)
thanks pal, greetings from Ecuador.
You're welcome!
Yo soy de ecuador también
De manabi
Wow this is really helpful. Your awesome
Thanks, Emie!! You’re rad!! 🤘🔥
Thank you for this really helpful video!!! Automatic like, and subscribe.
Thanks so so much, Roberto! So glad to have you join us, get out there and make amazing things!! 🤘
If building a responsive site starting with mobile should size be 360 or 414 width? Is there a best practice?
thank you
Thanks for the vid... and it's "relative" not "releative"
Question: Does web builders already have these principles in mind? So if I use a builder I still need to make sure these are incorporated?
Not a guarantee, better to know it yourseld
are you Filipina?
Happy New Year Jesse 🎊🍾😊🎇.. I thought I was one of the few that starts designing a desktop version then a mobile version. Does it really matter which version you design first? 🤔🤔
Not at all
Just in time when I need it 🤗
Thanks so much Rehan!! 🤘🤘🤘
Great.
Thanks, Ravi!
Can we use different display picture featuring on a dextop website and mobile website?
yes you can
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 :D
cool video. thanks for the heads up.
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?
Good job
Great tips!
Glad I was able to shed some light!! 🤘
im having issues setting breakpoints for phones...the pixel dimensions of the galaxy s10 is almost identical to my screen monitor.
great video!!
Thanks!! 🤘🤘🤘
This is so helpful. I'll be designing my first responsive website and this really helped. Can anybody help me with "How to define breakpoints for different platforms?". Thanks
bootstrap grid system gives the next points:
Glad it was helpful!
make a video about top 10 Medium writers to follow
Thanks so much for the suggestion!!
Brilliant!
Thank you so much
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)
So nice
We re the Best Web Design Professional Expert Designer Tehran.
Leave the design of your own website to the professional design team of Spad Company. Your website reflects the values, beliefs and identity of your business, also referred to as a virtual office. (Best Web Design Professional Expert Designer Tehran)(بهترین طراح متخصص حرفه ای طراحی وب تهران)With a professional website, your business will be available to anyone who needs your services anywhere in the world, 24 hours a day, 7 days a week. Contact us if you need professional website design.
More information Click this Links:www.spad.co/services/website-design
Thanks!
Hope this is directed to UI UX people. Because there seem to be a problem of communication between devs and ui ux.
These people are just so against each other, the other one is the creative type that always find newer solution, one that innovates.
while the other are the logical person that doesn't mind using the same solution to all website just to make things simpler.
There should be a link to both of them like how left and right hemisphere connects. He should've consider more of it like, what about designs that has alot of overflows.. That's a lil bit tricky to code responsively esp if there's alot of it.
I want to make my website responsive what should i learn first flexbox or grid?
Grid IMO
Darma Yuda Everyone is different, the rule of thumb taught to me, is that flex box is for smaller scale projects and grid is for when you get into really robust multiple page projects. Both are essential to learn and know how to use. Many frameworks incorporate flexbox into their system so having an understanding of flexbox is essential and may be considered a must by some employers. IMO both have about the same quantity of content to learn and in the long run you will need to be fluent in both.
Both! as they go hand in hand.
great content
Thanks so much, Minh!
RIP my ears at the start
Sorry, I have a lot of energy
@@JesseShowalter no need to apologise
@@JesseShowalter 😆
thx, dude!
You’re welcome, friend 🤘
Excellent !
Thanks, Sharda!
Thanks for sharing.
#introduction_web_design_q
Thanks for watching 🤗
So I went to a vocational school to learn web design, yet none of these things were EVER mentioned. Why, why, WHY?!
Nice
Hey I wants to learn web design how can I start can you give me some ideas.
I started learning at : teamtreehouse.com/home . They have a two week trial, these design courses serves as a foundation that I use every day as a design consultant at IBM. I really recommend these courses to get started, and after that I think it is all about just creating apps & web sites, just to practise the fundamentals of design. Also check Behance, which is basicly Instagram for designers: www.behance.net/rachidallal .
A tool I wound recommend to create digital products would be Figma.
I hope this helps :).
@@laxxai thank you so much
You don't have to Hand-Coding anymore if you use pxCode to build Responsive Webpage, and it's for free.
Try it out www.pxcode.io , there's tutorials on our channel as well ;)
Anyone have a list of all HTML tags CSS properties and etc?
Check WC3 to get all the details
@@JesseShowalter well I'm more confused on wc3.org
You don't have to Hand-Coding anymore if you use pxCode to build Responsive Webpage, and it's for free.
Try it out www.pxcode.io , there's tutorials on our channel as well ;)
0:37 stevewilldoit intro
?
He looks like percy from The Green Mile.
Thank you?
You are the male version of Drew Barrymore. :D
Thank you? 😂
info video
his intro song sounds familiar.....stevewilldoit?
Not sure, can’t remember
@@JesseShowalter no i'm saying its familiar because the you tube channel stevewilldoit uses it i'm guessing its a copyright free use song so its widely available for all to use...its a dope song regardless just didn't know it was free use
Tara Mcpherson???? 👀
Wow, this was so incredibly helpful. You explained everything so well and clearly. Can't wait to watch more of your tutorials!
I'm so glad! If you want a deeper dive into UI and responsive check hit my new course www.30dayui.com/