The Twitter Tag Project
What is an Internet Service Provider?
Informative and useful as always, thank you Jen!
And for those who cares about older browsers that may not support object-fit, take a look at the technique provided by Sarah Soueidan with SVG : www.sarasoueidan.com/blog/svg-object-fit/
I love object-fit. Thank you again Jen.
Thank u for this awesome video
This is awesome! But what is a great fallback for IE and Edge. https://caniuse.com/#search=object-fit
Very interesting! But how would you make a fallback on browsers not supporting this feature? Make it behind a @support rule?
Object-position could have a face-detection algorithm so something in the lines of
Could be a thing. In the case of multiple faces, it could center at the largest face (supposing largest = closest to foreground) or the mid point between all faces
Thank you once again 🙂
I'm already familiar with the latest properties Jen has showcased, but she has a very simple, natural way to explain it that I enjoy very much just hearing.
Thanks you it's Informative and helpful thanks again 🙂
Is there enough browser support for this? And if not, is there a reliable and easy to use fallback?
Well, this is one of those rarely cases, where I watch one video then I completely fall in love with the channel. The way you explain things, just like my mom totally awesome!! It just feels right to subscribe.
The concept is veeery powerful, thanks to you, hopea I'll learn much from you.Greetings from Tanzania
Thanks for that! So simple… I'd been getting confused with other explanations
Really informative. Curious to know if object-fit will work on a background image?
Thanks a bunch keep up the good work 🙂
i used to make a box and tweak the overflow.
Similar behavior to background-size.. Finally can do this on image tags.
Hi! I'm just starting so I'm trying to "steel" everything I could and Jen is awesome! I have nevertheless a doubt on this layout: when it goes from 848px wide to 600px aprox, is that layout on purpose and if "yes" it is the answer, why? Thanks for this great channel! ❤ > http://labs.jensimmons.com/2016/examples/grace-hopper-page.html
So, it helps avoid extra markup with a surrounding div set at background-size:cover for static elements, and adds the possibility to do this dynamically on a CMS. THIS IS AWESOME!! Thank you!
Oh my Gosh, tnx a lot, im finding it for for 2days, now i found it the only code is object fit, cover. Wtf
Omg I didn't knew about this one… we missed this for SO LONG. Thanks!
I cant believe this after a full day of searching i finally found what i was looking for, thank you very much!
When I set background with object-fit:cover and 100vw x 100vh I get horizontal scroll. I can fix it with overflow:hidden but why that happens?
I never gave much attention to that property but the way you showed how it matters, made me sub instantly
The next step would be for the browser to realize that the photo has a face, and crop the regions around the face only.
This is great. But doesn't work in IE unfortunately
first thing first thank you so much! & I think that it's the same as background-size/position so what's the new in these properties ?
Cool, I was struggling today and this is exactly what I was trying to do
hi, cool video. how can i set bottom of the image to be used instead of the center? i need the bottom emphasised. its for food images in a jumbotron hero slideshow and the imgs they have all have food in foreground, which is not viewable at larger viewport sizes. thanks!
Your email address will not be published. Required fields are marked *
Save my name, email, and website in this browser for the next time I comment.