My new favorite commit message. Make the inevitable a reality by sponsoring @OddBird's OSS work at the $500/month "Great Horned Owl" level, and test that my change to show your logo on OddBird.net works.
| Site | https://jamessw.com |
James
- 1 Followers
- 56 Following
- 167 Posts
Web Developer, birder, and home brewer
Realized this morning you can make a image comparison widget without JavaScript, using Anchor Positioning.
https://codepen.io/jamessw/pen/wvbrPVV?editors=1100 (View in the latest Chrome)
I'm excited for Thursday- I'll be livestreaming with @mia all about Anchor Positioning. I have some fun demos ready, and we'll be talking about updates to the spec and how to use it right now.
You can get a reminder to watch here- https://www.youtube.com/live/76hIB2L_vs4
Anchor Positioning in Practice - Winging It Live
If you convert to `rgb(118.71% 79.606% -65.018%)`, it gets visually clipped to `rgb()`. If you instead use `color(srgb 118.71% 79.606% -65.018%)` it gets visually clipped to `p3`. If you convert to `hsl(47.231 342.21% 26.844%)`, Chrome clips it visually to `p3`, Safari clips it to `hsl` . These are all identical color values, just defined using different color functions, with Safari on top, and Chrome on the bottom.
Here’s a new one for me. My smart light bulb lets you specify the color in “Display P3 Hex” with sliders from 0 to 255.
My (small) contributions to the Web Platform Tests are live! I discovered that percentages in oklab A and B values and oklch C values were supported by the spec, but didn't have full cross browser implementation or test coverage. Now all browsers will have test coverage of this part of the spec! http://wpt.live/css/css-color/oklab-009.html