Загрузка видео...

Не удалось загрузить видео

Возникла проблема при загрузке этого видео. Это может быть связано с временными проблемами сети или видео может быть недоступно.

На главную

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 просмотров • 5 месяцев назад •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

Комментарии: 12

Фото профиля Adam Josefus 🧉

Adam Josefus 🧉5 месяцев назад

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

Фото профиля Firefox for Web Developers

Firefox for Web Developers5 месяцев назад

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

Фото профиля Firefox for Web Developers

Firefox for Web Developers5 месяцев назад

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

Фото профиля Roman Hauksson-Neill

Roman Hauksson-Neill5 месяцев назад

Nice

Фото профиля Mighty Hologram

Mighty Hologram5 месяцев назад

I absolutely love when Jake explains things

Фото профиля James Tiberius Shirtless Kirk 🚀

James Tiberius Shirtless Kirk 🚀5 месяцев назад

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.

Фото профиля Firefox for Web Developers

Firefox for Web Developers5 месяцев назад

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

Фото профиля Rain

Rain5 месяцев назад

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

Фото профиля Jens

Jens5 месяцев назад

It's a pleasure listening to you!

Фото профиля Firefox for Web Developers

Firefox for Web Developers5 месяцев назад

Aww thank you!

Фото профиля Fabio Venni

Fabio Venni5 месяцев назад

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

Фото профиля Florian Groh

Florian Groh5 месяцев назад

How can we let caniuse know this has landed?

Похожие видео

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 просмотров • 2 месяцев назад

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 просмотров • 7 месяцев назад

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 просмотров • 5 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 3 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 7 месяцев назад

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 просмотров • 4 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 9 месяцев назад

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 просмотров • 2 лет назад

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 просмотров • 1 месяц назад

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 просмотров • 3 месяцев назад

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 просмотров • 4 месяцев назад

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 просмотров • 3 лет назад