Yo ninjas, in this responsive design tutorial, I’ll show you how we can make our images responsive. There are 2 way – using relative measurements, or by using the relatively new HTML element, the picture tag, along with a polyfill called picturefill – https://scottjehl.github.io/picturefill/
SUBSCRIBE TO CHANNEL – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1
========== JavaScript for Beginners Playlist ==========
https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET
========== CSS for Beginners Playlist ==========
https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT
========== HTML for Beginners Playlist ==========
https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc
========== The Net Ninja ============
For more front-end development tutorials & to black-belt your coding skills, head over to – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk
========== Social Links ==========
Twitter – @TheNetNinja – https://twitter.com/thenetninjauk
source
5:18 I thought my mouse (or other) has stopped working.. lol
This is a great video without a doubt. But can't we resize it on the media query and set the width according to it. I hope you will understand what I am saying here and want a kind reply of yours. Appreciated your kind time and effort in the youtube to educate the people.
Excellent!
I have been using the img tag since two months thanks for teaching us the new tag to take images responsive
and everything was well explained
Great Tuts
I am truly thankful to you sir
I learned a lot of new things from your relevant videos☺️
Hi, thanks to this series tutorials. I have a question about the pictures since I didn't find it from the github package. Is it missing or just I didn't download the right package?
A public service: This set of tutorials about responsive web design is very good, although it's four years old!
I am trying to use this for the background image. Could you tell me where I should place the picture tag? Thank you.
worth videos up to now seen. thank yo so much for the classes. can you plz give us the code.
Good tutorial. But this discusses about images placed in the HTML document; what about images placed through CSS background-image property? Is there any way to make these images behave like this? I'm sure you'll agree that often times we have to insert images through the CSS.
Nowadays using services like https://imageboss.me to generate images in multiple resolutions on demand makes life very easy in terms on how to manage and generate those images on the go. The most difficult part on my opinion isn't the HTML code itself but managing so many versions of the same image and continue to make your product growth and scale over the years.
Nice video Ninja.. Thank you..
I usually giving max-width: 100% and height: auto to the images to make responsive them. Is that another proper way right?
It seems like this banner (like Bruce) has different sizes
hella
very common word "otherwise guys"
Super like…. really helpful content 🙂
What about if they are using an older browser say one on an XP machine with this HTML?
Fantastic lesson! You're presentation and execution is extremely clear and concise. Thanks!
Sadly, this is still unsupported in IE11.
be blessed guy.Thanks for taking your time.Well explained.
Kudos.Already liked and subscribed