jaffathecake

jaffathecake, 5 months ago to random

You probably shouldn't ever ship view transitions like this, but eh I had fun.

Demo: https://simple-set-demos.glitch.me/gross-cube-transition-shaded/

A horrible transition where the page appears to rotate 90 degrees on the y axis, where the next page is on the next side of a cube.

jaffathecake, 5 months ago (edited 5 months ago) to random

An API returns an object like { r, g, b, a } to represent a colour. r, g, and b are numbers, 0-255.

a is also a number, but what should its range be?

jaffathecake, 5 months ago to random

The absolute emotional whiplash of "ohhh! A new album by a band I love" to "oh it's a 'live' album"

jaffathecake, 5 months ago to random

We're baaaaaack! Me and @surma have a new podcast: Off The Main Thread! (google wouldn't let us have the other name, whatever)

In this episode, @surma talks through the architecture of GPUs, and I look at browser 'ideologies' over the past decade.

https://offthemainthread.tech/episode/webgpu-and-browser-ideologies/

jaffathecake, 6 months ago to random

I really like JavaScript import attributes as a way to invoke build magic.

jaffathecake, 6 months ago to random

Staring at the #ffconf logo, I had to animate it: https://static-misc-3.glitch.me/ff-conf-logo/

jaffathecake, 6 months ago to random

Surprised that HTML doesn't have a way to get the language of an element, and observe changes in that value. Seems important when localising custom elements.

Wrote up a proposal: https://github.com/whatwg/html/issues/9918

jaffathecake, 6 months ago (edited 6 months ago) to random

Take a look at https://static-misc-3.glitch.me/reduced-motion/. What do you think of the result?

jaffathecake, 6 months ago to random

Snapped this cat going for a stroll in my dad's garden

jaffathecake, 6 months ago to random

Misty weather looks otherworldly on the doorbell cam

It kinda looks like snow, played in reverse.

jaffathecake, 7 months ago to random

I am obsessed with this guy's surveys of new build properties https://youtube.com/shorts/giy6lK2Rqzo?si=wP5aO39E5r7Pw3jH

jaffathecake, 8 months ago to random

I'm not entirely convinced by active noise cancelling. "We've effectively eliminated the calming rumble of the plane engine so you can really focus on the snoring of the guy two rows back."

jaffathecake, 8 months ago to random

Let's do more view transition debugging! https://www.youtube.com/watch?v=GDkFiog1D1c

mia, 8 months ago to random

Did I read somewhere that you don't want view transition names on a lot of elements (like every article in a list) when only one is actually transitioning? That makes sense but also seems difficult to manage.

But I wonder if you could add names on :has(:focus,:active) or similar?

(random thoughts on a train to the airport)

jed, 8 months ago to random

trying unsuccessfully to get a service worker to activate instantly to resolve all subsequent fetches upon registration. what do i need to add to sw.js to have this page display 200 and not 404?

// sw.js addEventListener('install', skipWaiting) addEventListener('activate', e => e.waitUntil(clients.claim())) addEventListener('fetch', e => e.respondWith(new Response))
404

jaffathecake, 8 months ago to random

If you're adding view transitions to your sites, the Material Design guides have some great examples, and some patterns to avoid. I don't think their word is law, but there are a lot of good ideas here.

https://m3.material.io/styles/motion/transitions/applying-transitions

jaffathecake, 8 months ago to random

Can you guess who nearly stabbed himself to death with a stick? Clue: