@Moss Another one cb;dr meaning "cookie banner, did not read"

For search results, I do actually sometimes click away if there is a cookie banner instead of finding out how to decline the cookies.

@Moss makes sense

it's not really a public-ation when it's not public.

@Moss

I don't disagree.

In the interim I highly recommend Archive.ph which gets around cookie bullshit and paywall

As usual, credits:

- @5t3ph for her article about @property.
- @kevinpowell for his video about inheritance.
- @bramus for his post about feature detection.
- @Una for a CSSWG issue about named container query length units.
- @JaneOri for her `tan(atan2())` technique which I mention once again.
- @argyleink for Open Props (could this pattern be helpful to it?).

@developers Relative anchor positioning (for popups in lists e.g.)

@developers html needs an include tag to include partial html files.

@developers variables as a value for media queries please.

cc @DavidDarnes and @ambrwlsn who might be interested in this! https://github.com/11ty/eleventy-base-blog/blob/dc5ab2ef6372de744be5484ada4958a4342073ea/public/js/heading-anchors.js

@zachleat Apparently it's so new it makes the DevTools crash 😳 (In Arc, which is Chromium based)

@zachleat you might wanna warn people it's using corporate ipsum! I done got fooled

@jensimmons Would Apple consider hiring me just to fix the one bug where Safari keeps erasing all of my entire cookie history because I have the Developer toolbar enabled? 😬

@jensimmons the link is broken?

@brbcoding This is the internet that will never die. 💗

@bramus if anyone misses this on windows, powertoys provides it. along with a bunch of equally gimmicky/niche tools, but thankfully all optional. https://learn.microsoft.com/en-us/windows/powertoys/mouse-utilities

@bramus
I find shaking the mouse not very comfortable. I prefer pressing the Ctrl key and being growing rings around the mouse. (How Gnome & Windows offer it.)

@bramus Apropos shaking being good, shake Moto G4 to toggle flashlight.

@bramus ;)

Here’s a video of it in action: a callback gets executed when – and only when – any of the tracked CSS properties (`--variable1`, `--variable2`, `display`, or `border-width`) their computed value changes.

(Recorded in Safari because of that damn Chrome bug)

@html5test I got into POS and thermal printers from being the IT person at a grocery coop that had no budget.

I keep meaning to buy the same printer on ebay just because it still feels rare to me.
(when in the store we rarely had a hot spare.)

Something like an IBM / Toshiba 4610 which are weirdly not that expensive on ebay.

If your LCP is still bad, here's good information on finding out why: https://whitep4nth3r.com/blog/your-bad-lcp-score-might-be-a-backend-issue/

It's one of those few-ish performance things that can easily be more back-end than front-end.

@chriscoyier that is a great reminder. Sometimes it’s easy to fall down the optimse all the things route. Thanks!

If you’re more into reading, here’s a written version of that video:

https://developer.chrome.com/blog/view-transitions-update-io24#view-transition-types

@bramus how does this compare to using `flex-direction: column-reverse;`?

@bramus Thank you this is amazingly simple.

@bramus My favorite part of the hook is the lack of comments 🙃

@argyleink

Ironically, doesn’t work on iOS. :-)

Now, for extra credit… how can you detect a click on one of the edges of the cards in the back of the stack and have it scroll-snap to that card in the foreground position?

@urlyman LOOKING AT YOU, ATLASSIAN!

@urlyman

...and disable basic browser navigation with half-assed javascript intercepting the user's clicks, then blame the end user for being backwards when the end user complains about this.

@urlyman @jwildeboer while in the mean time consuming an inordinate amount of resources on your local computer…

@bramus @FirefoxNightly hey @cheeaun would this help with the weird empty space above the keyboard?

@bramus I don’t see a WebKit standards position issue for this. Has one been filed? https://github.com/WebKit/standards-positions/issues

@bramus @FirefoxNightly

Nice. Would be great if browsers could also emulate those changes in svh/dvh wink wink nudge nudge.

https://issues.chromium.org/issues/40805657

@csswizardry I think another viable use case is defining *some* custom elements as it helps avoid the flash of the element being undefined. To me that frees up the undefined state from needing to serve the defined state (i.e. more equitable progressive enhancement — the experiences don’t need to be exactly the same). Progressive enhancement can be punished with a bad CLS score, but I think this is a more convenient way to avoid it (with its own cost of course).