Responsive Design Tutorial - Tips for making web sites look great on any device
There are a few "gotchas" to responsive design, and once you know them, the rest all makes sense.
Play with the code!!!
https://codepen.io/anon/pen/oVNBEX?editors=1100
View the full course!!!
https://www.youtube.com/watch?v=gQojMIhELvM&list=PLoYCgNOIyGABDU532eesybur5HPBVfC1G
Super helpful links on responsive images:
https://medium.freecodecamp.org/a-guide-to-responsive-images-with-ready-to-use-templates-c400bd65c433
https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images
Responsive Design makes a website look amazing on any device. Using css media queries, good flexbox/grid layouts, srcset, and html5 picture tags, we can convert our website into a fully responsive site.
-~-~~-~~~-~~-~-
Also watch: "Tailwind CSS - why CSS utility classes save so much time"
https://www.youtube.com/watch?v=oU5ar0dmQEY
-~-~~-~~~-~~-~-
Видео Responsive Design Tutorial - Tips for making web sites look great on any device канала LearnCode.academy
Play with the code!!!
https://codepen.io/anon/pen/oVNBEX?editors=1100
View the full course!!!
https://www.youtube.com/watch?v=gQojMIhELvM&list=PLoYCgNOIyGABDU532eesybur5HPBVfC1G
Super helpful links on responsive images:
https://medium.freecodecamp.org/a-guide-to-responsive-images-with-ready-to-use-templates-c400bd65c433
https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images
Responsive Design makes a website look amazing on any device. Using css media queries, good flexbox/grid layouts, srcset, and html5 picture tags, we can convert our website into a fully responsive site.
-~-~~-~~~-~~-~-
Also watch: "Tailwind CSS - why CSS utility classes save so much time"
https://www.youtube.com/watch?v=oU5ar0dmQEY
-~-~~-~~~-~~-~-
Видео Responsive Design Tutorial - Tips for making web sites look great on any device канала LearnCode.academy
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
REACT FLUX TUTORIAL #14 - React & Flux Memory LeaksHow the Internet Works for Developers - Pt 2 - Servers & ScalingMultiple Reducers with Redux Reducers - Redux React Tutorial #4jQuery Tutorial #2 - Event Binding - jQuery Tutorial for BeginnersWATCH THIS IF YOU WANT TO BECOME A WEB DEVELOPER! - Web Development Career advicePimp that Terminal - Add shortcuts and functions to your .bash_profile to simplify routine tasksJavascript is Event-Driven - What makes Javascript Weird...and Awesome Pt 2jQuery Ajax Tutorial #4 - "Edit" modes & Better Mustache.js Templating (jQuery tutorial #9)Machine Learning Tutorial for Beginners - USING JAVASCRIPT!Javascript Context Tutorial - What makes Javascript Weird...and Awesome Pt5Machine Learning Tutorial - Making a recommendation engine IN THE BROWSERModular Javascript #2 - Converting jQuery to an Object Literal ModuleGRUNT TUTORIAL - Grunt makes your web development better!Javascript ES6 Cheatsheet #2 - the best of JS ES6How the Internet Works for Developers - Pt 1 - Overview & FrontendHow to code in 2022 - From zero to career-leveljQuery Ajax Tutorial #3 - Delegating Events & Mustache.js Templating (jQuery tutorial #9)WHY YOU NEED A BUILD SYSTEM LIKE GRUNT, GULP, BRUNCH FOR YOUR WEBSITEJS Tutorial For Beginners - #2 If Else & Comparison OperatorsModular Javascript #3 - Revealing Module Pattern Javascript Tutorial