Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

sizes="auto" landed in Firefox 150, making responsive images simpler and more reliable. Here's when you can use it, and how…

Firefox for Web Developers

90,243 subscribers

22,096 Aufrufe • vor 5 Monaten •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

12 Kommentare

Profilbild von Adam Josefus 🧉

Adam Josefus 🧉vor 5 Monaten

You're so good at simplifying web "chaos" into just a few words. Thank you so much, Jake!

Profilbild von Firefox for Web Developers

Firefox for Web Developersvor 5 Monaten

Thank you! I'm glad these are landing well. They're fun to make!

Profilbild von Firefox for Web Developers

Firefox for Web Developersvor 5 Monaten

There are loads more attributes you can use to control how images are loaded and rendered. Here are the full docs

Profilbild von Roman Hauksson-Neill

Roman Hauksson-Neillvor 5 Monaten

Nice

Profilbild von Mighty Hologram

Mighty Hologramvor 5 Monaten

I absolutely love when Jake explains things

Profilbild von James Tiberius Shirtless Kirk 🚀

James Tiberius Shirtless Kirk 🚀vor 5 Monaten

Bonus being that if you use `<source>` tags with your `<img>` all wrapped in a `<picture>`, as I do, you can still add `sizes="auto"` to the lazy loaded `<img>` tag as that value will be ignored by the older browsers you still have to support.

Profilbild von Firefox for Web Developers

Firefox for Web Developersvor 5 Monaten

Yesss! You can also do sizes="auto, …all the usual shit" and older browsers will ignore the 'auto'.

Profilbild von Rain

Rainvor 5 Monaten

@jaffathecake If we could banish every web developer to 250ms pings, the web would be a wonderful place.

Profilbild von Jens

Jensvor 5 Monaten

It's a pleasure listening to you!

Profilbild von Firefox for Web Developers

Firefox for Web Developersvor 5 Monaten

Aww thank you!

Profilbild von Fabio Venni

Fabio Vennivor 5 Monaten

@yoavweiss Finally!!!!! 💪👏👏👏

Profilbild von Florian Groh

Florian Grohvor 5 Monaten

How can we let caniuse know this has landed?

Ähnliche Videos

JS text imports landed in Firefox 153, making it the first browser to support this feature. Here's how it works:

JS text imports landed in Firefox 153, making it the first browser to support this feature. Here's how it works:

Firefox for Web Developers

12,853 Aufrufe • vor 2 Monaten

JavaScript Iterator․zip landed in Firefox 148, making it simple to loop over multiple things at the same time. Here's how it works:

JavaScript Iterator․zip landed in Firefox 148, making it simple to loop over multiple things at the same time. Here's how it works:

Firefox for Web Developers

11,958 Aufrufe • vor 7 Monaten

CSS's light-dark() now accepts images, making it simpler to define alternate values for a dark color scheme. Here's how it works:

CSS's light-dark() now accepts images, making it simpler to define alternate values for a dark color scheme. Here's how it works:

Firefox for Web Developers

19,777 Aufrufe • vor 5 Monaten

Use Firefox? Mozilla Says it Can Use Your Data However it Wants. "When you upload or input information through Firefox, you hereby grant us a nonexclusive, royalty-free, worldwide license to use that information," says Mozilla.

Use Firefox? Mozilla Says it Can Use Your Data However it Wants. "When you upload or input information through Firefox, you hereby grant us a nonexclusive, royalty-free, worldwide license to use that information," says Mozilla.

The Lunduke Journal

970,538 Aufrufe • vor 1 Jahr

here's another BANGER ai ad style you can use. it's called PIXAR SKELETON STYLE. this is extremely engaging and you can use it for whatever use case you want. here's how it looks like in an ad:

here's another BANGER ai ad style you can use. it's called PIXAR SKELETON STYLE. this is extremely engaging and you can use it for whatever use case you want. here's how it looks like in an ad:

0x ROAS

26,503 Aufrufe • vor 3 Monaten

here's another BANGER ai ad style you can use for BOOMERS it's called chalkboard style. this is extremely engaging and you can use it for whatever use case you want. here's how it looks like in an ad:

here's another BANGER ai ad style you can use for BOOMERS it's called chalkboard style. this is extremely engaging and you can use it for whatever use case you want. here's how it looks like in an ad:

0x ROAS

16,924 Aufrufe • vor 2 Monaten

here's another BANGER ai ad style you can use from our member. it's called whiteboard style. this is extremely engaging and you can use it for whatever use case you want. here's how it looks like in an ad:

here's another BANGER ai ad style you can use from our member. it's called whiteboard style. this is extremely engaging and you can use it for whatever use case you want. here's how it looks like in an ad:

0x ROAS

113,984 Aufrufe • vor 2 Monaten

Image generation getting better on Notion. Still need to make it faster, but you can see how you can generate images with prompts, auto-generate cover images and even edit images right inside a doc!

Image generation getting better on Notion. Still need to make it faster, but you can see how you can generate images with prompts, auto-generate cover images and even edit images right inside a doc!

Akshay Kothari

47,259 Aufrufe • vor 7 Monaten

We’ve upgraded your search experience in Chrome. Now you can use inputs like open tabs and images when you search with AI Mode in Chrome on your phone. Learn more:

We’ve upgraded your search experience in Chrome. Now you can use inputs like open tabs and images when you search with AI Mode in Chrome on your phone. Learn more:

Chrome

71,627 Aufrufe • vor 4 Monaten

5) Use more castor oil: Barbara says you can use it to heal everything from cataracts to bunions. Here's how useful it is:

5) Use more castor oil: Barbara says you can use it to heal everything from cataracts to bunions. Here's how useful it is:

TheBetterPath

114,284 Aufrufe • vor 1 Jahr

5) Use more castor oil: Barbara says you can use it to heal everything from cataracts to bunions. Here's how useful it is:

5) Use more castor oil: Barbara says you can use it to heal everything from cataracts to bunions. Here's how useful it is:

Jake Gilman

95,519 Aufrufe • vor 9 Monaten

We’re reimagining what @MSFTCopilot, your everyday AI companion, can do in Windows. It will be an app like experience that is simpler and more personal, showing up when and where you need it.

We’re reimagining what @MSFTCopilot, your everyday AI companion, can do in Windows. It will be an app like experience that is simpler and more personal, showing up when and where you need it.

Yusuf Mehdi

19,821 Aufrufe • vor 2 Jahren

You can now use up to 14 references in your videos. Images, voices, character references, and more. Use "@" to tag each reference in your prompt.

You can now use up to 14 references in your videos. Images, voices, character references, and more. Use "@" to tag each reference in your prompt.

Grok Imagine

244,699 Aufrufe • vor 1 Monat

3/ computer use: it can operate desktop, browser, and mobile. muse spark 1.1 is trained to know when to automate and when to use interfaces directly. it scripts when that’s faster, clicks when direct interaction is simpler, and batches actions at each step.

3/ computer use: it can operate desktop, browser, and mobile. muse spark 1.1 is trained to know when to automate and when to use interfaces directly. it scripts when that’s faster, clicks when direct interaction is simpler, and batches actions at each step.

Alexandr Wang

162,516 Aufrufe • vor 3 Monaten

You can change 1 word in your YouTube title and get +400% more views. Here's how:

You can change 1 word in your YouTube title and get +400% more views. Here's how:

Nick Bencino S

46,312 Aufrufe • vor 4 Monaten

Are you loading images as optimally as you can? Do you know how and when to use decoding=async, loading=lazy, fetchpriority, <picture>, aspect-ratio, or srcset? A deep dive on optimally loading images in my latest blog post:

Are you loading images as optimally as you can? Do you know how and when to use decoding=async, loading=lazy, fetchpriority, <picture>, aspect-ratio, or srcset? A deep dive on optimally loading images in my latest blog post:

Steve (Builder.io)

406,463 Aufrufe • vor 3 Jahren