Another great new CSS feature that is starting to be available in more browsers is field-sizing, which allows you to size an input to fit its value with:

field-sizing: content;

Great for UI like tags, where you want to be able to type directly into them and have them automatically resize to fit the text.

( #CanIUse shows the feature as not being available in Safari Technology Preview, even though all the individual child features show that it is available)

#Interop #WebCompat #CSS

Another great new CSS feature that is starting to be available in more browsers is field-sizing, which allows you to size an input to fit its value with:

field-sizing: content;

Great for UI like tags, where you want to be able to type directly into them and have them automatically resize to fit the text.

( #CanIUse shows the feature as not being available in Safari Technology Preview, even though all the individual child features show that it is available)

#Interop #WebCompat #CSS

If you haven’t used it before, image-set() is used in CSS in any place where you’d normally use an image. Here’s a simple example where the browser will use JPEG XL if it supports it, or JPEG if it doesn’t:

background-image: image-set(
url("bg.jxl") type("image/jxl"),
url("bg.jpg") type("image/jpeg")
);

( you can also specify resolutions, e.g. url() 2x type() )

#Interop #WebCompat #JPEGXL

It’s really nice that we now have wide support for image-set() in browsers so that it’s possible to use JPEG XL in browsers that support it (with automatic fallback to other formats for browsers that don’t), even for cases like background images, which used to be a pain point when all we had was <picture>.

This is an example of the kinds of big wins that can be achieved through the #Interop Project.

#WebCompat #JPEGXL

A must listen for all browser implementers and the millions of us working on Interop/Webcompat issues. A very good podcast with @RickByers hosted by @bkardell and Eric Meyer.

https://www.igalia.com/chats/unshipping

> "Blink's Principles of Web Compatibility and willingness to change and even unship features."

It's not necessary only about Blink as they touch about general things with regards to webcompat and interop. It's definitely home for me.

#webcompat

A must listen for all browser implementers and the millions of us working on Interop/Webcompat issues. A very good podcast with @RickByers hosted by @bkardell and Eric Meyer.

https://www.igalia.com/chats/unshipping

> "Blink's Principles of Web Compatibility and willingness to change and even unship features."

It's not necessary only about Blink as they touch about general things with regards to webcompat and interop. It's definitely home for me.

#webcompat