jaffathecake

jaffathecake, 3 months ago to random

Rather than allow other browser engines to install-to-homescreen on iOS, Apple is removing the feature entirely in the EU.

Some features are tied to install-to-homescreen, such as push messages. Apple is unshipping those for EU users.

We need to act now: https://open-web-advocacy.org/apple-attempts-killing-webapps/

jaffathecake, 10 months ago to random

📝 The case against self-closing tags in HTML

At best, they're a relic from the past, and at worst, they're actively misleading.

https://jakearchibald.com/2023/against-self-closing-tags-in-html/

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, 11 months ago to random

Container queries + cqw units are really handy for making text scale to a container. https://codepen.io/jaffathecake/pen/BaGLPGv

video/mp4

jaffathecake, 1 month ago to random

📝 HTML attributes vs DOM properties.

They're completely different, but often coupled.

Here's the difference, and why it matters: https://jakearchibald.com/2024/attributes-vs-properties/

jaffathecake, 11 months ago to random

Great to see the navigation API land in the HTML spec https://html.spec.whatwg.org/multipage/nav-history-apis.html#navigation-api with positive feedback from Mozilla. It's already shipped in Chrome, and it's so nice to use compared to the history API https://developer.chrome.com/docs/web-platform/navigation-api/

jaffathecake, 3 months ago to random

📝 New post: Handling aspect ratio changes in view transitions.

Lots of tips on customising view transitions, and of course, live demos.

https://jakearchibald.com/2024/view-transitions-handling-aspect-ratio-changes/

jaffathecake, 3 months ago to random

This always catches me out:

When specifying grid-template sizes, if values aren't wrapped in minmax(), then they're implicitly minmax(auto, value).

So 1fr is implicitly minmax(auto, 1fr).

If you actually want 1fr, you need to use minmax(0, 1fr).

https://codepen.io/jaffathecake/pen/BabrWqa

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, 11 months ago to random

el.className and el.htmlFor have weird, incorrect, inconsistent names because old JavaScript didn't allow reserved words to be property names. That changed over a decade ago, so should we add el.class and el.for? https://github.com/whatwg/html/issues/9379

jaffathecake, 4 months ago to random

📴🧵 OMGOTMT it's a new episode of Off The Main Thread!

In this episode, @surma talks about Bevvy, an ECS game engine written in Rust, then we take a look at TC39 Stage 3 stuff that hasn't yet gone into browsers, and pick some favourites.

https://offthemainthread.tech/episode/tc39-roundup-and-ecs/

jaffathecake, 10 months ago to random

Great to see Apple (along with WhatsApp and Signal) take a stand against the UK's dumb surveillance bill https://www.bbc.co.uk/news/technology-66256081

jaffathecake, 11 months ago to random

A common misconception about the event loop is that it's a JavaScript thing. Nah, the event loop is the scheduler for what we often call the 'main thread'. Sure, that's where JavaScript runs, but it's also where the document lives, and style, and layout.

A single 'task' can involve zero JavaScript (eg turning a click into following a link), or lots of JavaScript (multiple event listeners).

jaffathecake, 4 months ago to random

Yay! React 19 will have custom element support! https://github.com/facebook/react/issues/11347#issuecomment-1899140345

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, 3 months ago to random

Really sad that the Navigation API isn't being included in interop 2024. This API makes a night-and-day difference to handling navigations. It cannot be polyfilled, and cannot really be used as progressive enhancement. We need it yesterday. https://github.com/web-platform-tests/interop/issues/435#issuecomment-1921896911

View transitions isn't being included either, but I'm less sad about that, because it can be used as progressive enhancement. https://github.com/web-platform-tests/interop/issues/437#issuecomment-1921897450

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, 10 months ago to random

It still seems weird to me that Prettier will turn <br> into <br />.

The / is there from XHTML - a standard that became redundant in the late 2000s.

The space before the / is there for compatibility with Netscape Navigator 4 - an engine that was dropped in the late 90s.

jaffathecake, 1 month ago to random

We use self-closing syntax in HTML where it doesn't do anything. People see it and assume it does something.

Why do we keep doing this to ourselves?

https://www.reddit.com/r/webdev/comments/1cceb03/i_thought_i_knew_html_until_i_saw_this/

jaffathecake, 5 months ago to random

As I was heading to bed, my dad said "remember to brush your teeth". I'm 39.

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, 4 months ago to random

This resonates. Due to changes at the top, Google became a place where you succeeded not by doing the right thing, but by being a business wanker.

https://www.tbray.org/ongoing/When/202x/2024/01/15/Google-2024

jaffathecake, 4 months ago to random

Wait wait wait wait… AV1, the latest and greatest video format, adopted by browsers, does not support an alpha channel??

What???

jaffathecake, 1 month ago to random

I asked Suno to create a German industrial song about the second coming of Jesus but this time he's a cucumber.

The chorus has been stuck in my head all week.

https://app.suno.ai/song/1ebf2eed-1161-444f-92cc-1da585f94ed1/

jaffathecake, 1 month ago to random

🧶 What would it mean to "put React in the browser"?

Can something like element.replaceHTML(html) be added to the platform to perform diffing and update the DOM?

Me and @surma talk it through: https://offthemainthread.tech/episode/putting-react-in-the-browser/