Josh Tumath

Yesssss! Very pleased! And pleased to see Mozilla making some good hires recently for web standards!

Oooh lovely! I'll be there from Monday!

Graphics go downhill? That's a very hot take. 🔥

Sonic 3 & Knuckles

🤮

Had a wonderful day at @frontendnorth.bsky.social. Thanks a lot for having me.

If you're interested in the slides to my talk, you can find them here:
ichimnetz.com/slides/unwra...

#FrontEndNorth

Beautiful. It puts Shakespeare to shame.

Had a blast at #FrontEndNorth yesterday. A lovely, friendly crowd, the other speakers were interesting and the organisers planned a brilliant mix of thought-provoking, uplifting, and inspiring creative talks, with a good dose of silliness.

📸 by @joshtumath.uk

1/4

YouTube video by Bruce Lawson European Tech

A clip from my @cssday.nl talk in which I explain why we need alternatives to Big Tech youtu.be/cRYLA8Hohqg

Ideally the meta tag wouldn't be needed and we'd just change the web to work like this anyway. But the problem is many websites haven't taken into account the user might increase the font size and just assume it will always be 16px.

Rem units would continue to work as they do now. And as a dev, you should already be supporting the user increasing the font size anyway. The only difference is now the OS settings affect it, in addition to the browser settings.

I think I understand. This is why we wanted to make sure it's just scaling the text relative to 16px. But it doesn't change the initial 16px font size to be whatever the OS's font size is instead. So on iOS it won't make the site use 14px.

That's the end of #FrontEndNorth. Thanks to everyone in the team for putting on a fantastic event! We really appreciate you!! @frontendnorth.bsky.social

But anyway, our after party is at the national video game museum so smell you later!

So we didn't succeed in rebuilding FF9. But we got somewhere. And there were lots of learnings along the way. Thank you Joe! #FrontEndNorth

Hahaha and the character has just walked into our conference theatre. Look at that! #FrontEndNorth

Joe has requested that the CSSWG make a way to animate the reveal of text like a typewriter. 👀 #FrontEndNorth

Oh my gosh and they've used CSS z-index to make the character go behind different parts of the image, so it's moving the 3D html canvas's z-index. 😆 #FrontEndNorth

Most of the game was not actually in 3D. It was 2D images layered over each other with a walkarea showing where the 3D character can go. #FrontEndNorth

Making the character stats UI was more tricky. Joe used a sprite sheet to make some of the text. And used three.js library to do the 3D environment in a html canvas. #FrontEndNorth

The game uses a pointing hand to point to the focused item, so we can use a pseudo element to create that. #FrontEndNorth

So let's remake the command menu. We can use an ordered list of buttons. But we're trying to make a pixelated looking UI so we need to set the image rendering to pixelated. We can even use image borders to make the border! But it's a nasty API. #FrontEndNorth

The PS1 had only 2MB of RAM and a 33MHz CPU. The game has a world map, an overworld and battles. Let's remake the battles! They have lots of GUI bits we can remake. #FrontEndNorth

Now if you want to rebuild FF9, use a game engine, work with high res assets and use C#. Joe hasn't done any of that! They've made it completely from scratch and in JavaScript and CSS! Painfully! #FrontEndNorth

So @joehart.bsky.social is going to talk about Final Fantasy IX. It's the 25th anniversary of the game and it did things that were way ahead of its time. #FrontEndNorth

He's got lots of projects. Like the katamari games but you start as a node_modules folder and have to pick up npm modules to get larger and larger. 😆 #FrontEndNorth

Finally we end on @joehart.bsky.social who is part time developer, part time comedian. (And used to work at the BBC.)

And the start of the talk was slightly delayed because he was taking a photo of us and somehow incorporating it into the talk. #FrontEndNorth

For some reason, people seem to resist actually talking to users. We need to include users and find out about all of the ways that we make them stumble. If it's not user centred, it's not accessible. #FrontEndNorth

Compliance and accessibility are not the same thing. Accessibility is a user need.

People in our orgs need to be made aware of accessibility. We can't just focus on the compliance aspect of accessibility just because that's where the risk is. #FrontEndNorth

WCAG doesn't care about performance or colour scheme preference. But it's clearly still important to care about these things to meet user needs. #FrontEndNorth

Likewise, a button should not be obscured by something. At least part of it must be visible and clickable for it to pass. But that means even if the button only has 1px of it visible, that's a pass. But clearly that's terrible. #FrontEndNorth