https://www.youtube .com/watch?v=zF6VSky4SIc
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 https://goo.gl/6vCw64—————————————————————————————-These are the 10 basics of Responsive Web Design and links for further reading1. Responsive vs Adaptive web design
Responsive Design vs. Adaptive Design: What’s the Best Choice for Designers?https://www.interaction-design.org/literature/article/adaptive-vs-responsive-design https://uxplanet.org/adaptive-vs-responsive-web-design-eead0c2c28a82. The flow https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Normal_Flow https://marksheet.io/css-the-flow.html3. Relative units https://thecssworkshop.com/lessons/relative-units https://www.tutorialrepublic.com/css-tutorial/css-units.php4. Breakpoints https://responsivedesign.is/strategy/page-layout/defining-breakpoints/ https://medium.com/@uiuxlab/the-most-used-responsive-breakpoints-in-2017-of-mine-9588e9bd3a8a https://www.w3schools.com/css/css_rwd_mediaqueries.asp5. Max and Min values https://www.sitepoint.com/creating-media-queries-for-responsive-web-designs/ https://www.smashingmagazine.com/2011/01/guidelines-for-responsive-web-design/6. Nested Objects https://www.smashingmagazine.com/2019/03/robust-layouts-container-units-css/ https://www.quackit.com/css/flexbox/tutorial/nested_flex_containers.cfm7. Mobile or Desktop first https://medium.com/@Vincentxia77/what-is-mobile-first-design-why-its-important-how-to-make-it-7d3cf2e29d00
A Hands-On Guide to Mobile-First Responsive Design8. Webfonts vs System fonts https://responsivedesign.is/articles/should-i-use-system-fonts-or-web-fonts/9. Bitmap images vs Vectors
Vector vs. Bitmap Images Explainedhttps://www.lifewire.com/vector-and-bitmap-images-170123810. Make it till it breaks
The Principles of Adaptive Design————————————————————————————////////// 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… https://learn.jesseshowalter.com/membership////////// Connect with me here 👍🏼 Instagram: https://www.instagram.com/iamjesseshow Twitter: http://twitter.com/iamjesseshow Anchor: https://anchor.fm/iamjesseshow Medium: https://medium.com/@iamjesseshow////////// Sign up for my Monthly Newsletter 📫 http://jesseshowalter.com/newsletter////////// Music is from Musicbed click below for a free trial 👇🏼 http://share.mscbd.fm/iamjesseshow////////// Equipment 📸 https://www.amazon.com/shop/jesseshowaltertv
