Just how good do you have to be to get 80??

Wow, this is a pretty evil game, @keithamus.social. I can't believe I was fooled by the likes of 'anchor-offset'. My score was only 46/80. 😂

Give it a go! Meanwhile, I'll quit the CSSWG in shame.

www.keithcirkel.co.uk/css-or-bs/?r...
#CSSorBS

I don’t have time to do as many conference talks these days but @cssday.nl always has a special place in my heart. It’s such a fantastic conference, both for the content and the community. If you can go, don’t miss it!

Hahaha. Replace the 'CSS is awesome' meme with 'CSS is cheating'.

Wow! Just how far can we push this. 😂

Ahh I see!

That's the one!!! Thank you @jonathancresswell.co.uk!

Nice!!

There's an interesting bug in Chrome where, when I move the select to the bottom of the viewport and the popover opens on top, the animation still plays for if it was opening on the bottom side. But the second time I click on it, it does the correct animation.

Ahhh, I'm talking to my team about really ridiculous customisable <select> examples. Does anyone know where I can find that really funny one that remakes the Nintendo duck hunt game? You open the <select> and there's random <option>s flying across the screen and your cursor is a target marker. 😂

POLLS: The CSS Working Group is looking for author feedback on two topics related to CSS Gap Decorations. Questions below. For background information on Gap Decorations, see the explainer: github.com/w3c/csswg-dr...

Wait Bath has hard water too?? No wonder those Roman baths looked so cloudy!

Welcome to the bright side!

Whoops, meant to say the South West! Devon and Cornwall

Thanks Josh, but credit where it's due - this was created by Roel Nieskens and Dan Burzo.

``
@keyframes flip-synthesis {
0% { font-synthesis: none; }
100% { font-synthesis: initial; }
}

body {
animation: 3s infinite flip-synthesis;
}
``

Or, a long term solution is to move to Scotland, Wales, the South East or the North West. 😂

It's a very wise move!! I take 1 litre. Wish I had room for more. 😂

As nice as it was to be in Brighton for Web Day Out, it's nice to be back enjoying a nice glass of normal water.

I cannot stand the hard water they have down south. I don't know how anyone puts up with it. 😂

Noooo it's all over.

@adactio.com asks us 'Have we been recalibrated?' Yes! #WebDayOut

This was Lola's first foray into browser engine code. But there are lots of other ways she's been involved, including co-chairing the W3C TAG. You could join a working group or a community group. Igalia have an internship.

Keith Cirkel from Mozilla helped Lola to dive into the code base #WebDayOut

So why does the web platform feature that we want not exist?

It is often because of these kinds of privacy concerns.

But it could be because you haven't suggested it. So suggest it! #WebDayOut

The problem is this could enable fingerprinting. It could also let people see that the user is using assistive technology, which is a privacy issue. And this solution could prevent images from being downloaded, which could also be a fingerprinting method. #WebDayOut

That's so cool. Lola has updated a browser engine to add her own media query and CSS property! And it works! #WebDayOut

I'm the Gecko code, Lola created an enum for the two CSS property options. And then hooked it up with a function that renders a particular image.

Then to make the prefers-alt-text media query, she had to do something similar. #WebDayOut

So she looked into making a media query and CSS rule for it instead. That was a lot more work involving changing the layout engine code.

Then someone could do image-painting: alt-text

Lola made a prototype in Firefox. She looked into changing the preferences and had a go at changing the image printing preference to off, but every image disappeared including icons!

Users do need some images to help with cognitive load. #WebDayOut

Every new feature should be solving a user facing problem. The priority of constituencies means we put user needs over author (i.e. developer) needs. #WebDayOut

Finally we have @lolaodelola.bsky.social talking about a proposal for prefers-alt-text and having a go at implementing it in a fork of a web browser.

Spoiler: is was a bad idea apparently! #WebDayOut

You can use the new selectedcontent element to get a duplicate of the option that the user has selected. And you can use the legend element to style optgroups.

So it's been a long journey since 1993 and we've finally got it. Now we just need to solve multiselect. 😂 #WebDayOut

You can put whatever html you want inside the select element, including divs. And you can even put images inside your options. You can use a button inside the select if you want to style the button to open the drop-down. #WebDayOut

If you do appearance: base-select, then everything in the select changes to a common basic design where everything is styleable. For some things, you need to use the new pseudo elements to style them. #WebDayOut

But we haven't talked about styleable select yet! How will we make the normal select styleable?

There was an idea for appearance: base, but the browsers didn't like that. So they had the idea for a new selectmenu element. But this wasn't great so the browser vendors relented. #WebDayOut