#caniuse — Public Fediverse posts

Similarly… foiled again.

Me, earlier:

Oh cool, the @ page size descriptor is supported by Chrome, Firefox and Safari! I’ll use it for this print and PDF layout that needs to be A4 landscape.

Me, now, actually trying it:

Wait, why isn’t it working? Oh. Oh no. It does not work at all in Safari. And MDN/caniuse.com say it does, but they are wrong (and there is an open issue about it).

The WebKit bug 63575 is from… 14.5 years ago.

*dies* 💀

#WebKit #CSS #WebCompat #Interop #MDN #CanIUse

#Development #Announcements
Upvote web features you need · Now on caniuse.com, web.dev, and webstatus.dev https://ilo.im/1693ku

_____
#Voting #WebFeatures #WebPlatform #Baseline #CanIuse #W3C #Browser #DevOps #WebDev #Frontend

#Development #Launches
PWAscore · Compare Progressive Web App features across browsers https://ilo.im/167if0

_____
#Comparisons #CanIuse #WebApps #PWAs #Browsers #Chrome #Firefox #Safari #WebDev #Frontend

Hey #HTML / #CSS / #WebComponents folks.

If I have:

<my-fancy-component>

</my-fancy-component>

I get to target it with:

my-fancy-component {

}

right?

Does this eliminate the need for #BEM? Or is there a #CanIUse that I should be looking at for registering custom components?

(I should prototype this in a codepen but alas, no spell slots at the moment... maybe tomorrow)

It's time to put to rest #hex and #rgb() / #rgba() colours in #CSS and embrace the future: #oklch() and #oklab()

* oklch() model: https://caniuse.com/?search=oklch%28%29
* oklab(): https://caniuse.com/?search=oklab%28%29

I'm not sure why we still need to add/support lch() and lab() since the ‘okay’ version is the ‘fixed’ version… which is better. Then again, I'm not a #colour expert, hence I can't think of a reason. (Can someone enlighten us, mortals? Thank you!)

Since oklch(), oklab(), lch(), and lab() are still not widely supported (yet), and many end-users are still using an old version of browsers without support, there is #hwb().

As you can see from https://caniuse.com/?search=hwb%28%29 hwb() is widely supported already. The only browsers still without hwb() support are niche browsers, mainly from China (they don't even support rgb() according to #CanIUse).

* Base #color model: hwb()
* To be future proof: oklch() or oklab()

What I'm more excited about is the #RelativeColor feature from #CSSColor5, but that's for another day.

#CSSColor4 #CSS5 #CSS #colors #color #webdev #webmaster