Meee
10.03.2026 20:32
👍 2
🔁 0
💬 0
📌 0
Meee
I'm speaking at Web Day Out on Thursday in Brighton. The line-up looks great, and tickets are still available webdayout.com
You can get a 10% discount via ti.to/clearleft/we...
My first talk in a couple of years 😬. It's currently running at 40 minutes but the slot is 30, so I have work to do…
Well I managed to get quite severe back pain yesterday, but thankfully it looks like I'll recover enough in time to travel down tomorrow to Brighton for the first #WebDayOut conference by @clearleft.com!
The talks and lineup look fantastic.
Is anyone around the evening before?
A 40 minute talk in 30 minutes? Na, that's easy. Just talk faster.
It is tradition that anyone in the CSSWG will have a talk that is at least 100 slides and goes over by at least 5 minutes.
This makes me think a hexagonal version of the board game Carcassonne could be very interesting!
That's cool. I need to look into the proposals. For tablist, I imagine you'd want to go all in and provide a proper hide and reveal behaviour when switching between tabs.
Nice! When I read the proposal for focusgroup, I was thinking that they all sounded like they should be HTML elements!
I've been learning about terrazzo.app, today, the design tokens tool.
@pow.rs and Nick Tassone, your documentation is an absolute delight to read!! It's just telling you bluntly how to use all of the features; it puts them all in context.
And I love your implementation of DTCG Resolvers!
Black and white photo of me smiling at a pub that came out of a Polaroid. The paper is almost rolled up.
I thought it was the paparazzi at first but got a nice photo taken by @matuzo.at at #SotB26!
Here's the consultation i mentioned at #sotb26 I'm not kidding when I told you that the regularlors love to hear from developers rather than lobbyists. Doesn't need to be structured relost. They simply way to your view. https://brucelawson.co.uk/2026/on-apples-pinky-promises-to-cma/
Now that I can look more closely... yeah that actually is a good photo haha. The photo is yours! Do whatever you want with it. 😃
Now come every year!
No no no it's all over! The Temporal API has dictated that it is now 5pm and we must head to the pub.
So grateful for this wonderful conference. Where would I be without this conference. I'm so grateful for it. Thank you Dave and the team! #SotB26
We have just voted what enemy to add to the game. We've added AI. 😂
Every time a person uses Claude, the sky now rains tech debt which you have to avoid. 😂 #SotB26
To create an animation of a character idling and running, we can make a sprite sheet and use the step function to jump between each image as part of an animation. #SotB26
It uses the GSAP ticker to give a heartbeat, as it were, to the animations. #SotB26
Cassie sits down to make a game and gives the canvas element a go. There's a rectangular person who can move around. They can jump and fall off the world and die and respawn! #SotB26
Cassie is wondering what to talk about. Jeremy Keith would always say a talk should have a narrative.
She was procrastinating playing Dave the Driver and realised that games are just animations with a narrative structure! 😂
So this is going to be a very interactive talk. #SotB26
Finally we have @cassiecodes.bsky.social who will give us some animation delight with GSAP.
We go on the Way back Machine and laugh at an old guest article on their website saying 'HTML5 is certainly not a flash killer'. 😂 #SotB26
All of the other performance optimisation techniques out there they didn't really need because everything fit in 128 KB!
Performance helps with accessibility, and low socioeconomic backgrounds with cheap and slow devices.
They made something that worked better for everyone. #SotB26
Ah ha! Thank you for clarifying!
So they got their images, CSS and JS as small as they could.
Could they minify their HTML? They only used line break characters, removed comments, removed whitespace.
But IE didn't like the code all being on one line so they put a new line in first attribute of each element. #SotB26
They'd also embraced SVGs and used SVGO to compress them. But they'd also mess with the SVGs themselves to see what they could remove without changing how it looked. #SotB26
They realised most of the page size would come from the images, so they'd use TinyPNG. And for JPEG images, they'd double the size of the image and then massively reduce the quality and it's not noticeable. #SotB26
To load a new page on browsers that could run client side JS, they just requested the content of the main area of the page but not the header and footer. Opera Mini just did a normal page load. #SotB26
That kind of page size budget meant they couldn't use any framework. All of them would blow the budget with just the library that powers it.
They made their own library called Whizz. It just did what they needed. #SotB26
And all pages with a cold cache needed to not be over 128KB because this was what you could load reasonably quickly on a 2G GPRS connection.
So no web fonts, etc. #SotB26
They had to use progressive enhancement because Opera Mini did not run client side JS. #SotB26
40% of their users were on these feature phone devices. They used Opera Mini.
So they had rules. They had to support responsive design. Normally you're thinking about 320px wide screens, not 240px. And they also couldn't make desktop second class. #SotB26
Next we have @mikehall314.bsky.social.
He had to build for a client (who he can't name) who were based in a country with not good infrastructure and they also requested a website that will work on feature phones. No WiFi support and often no 3G support. #SotB26