Mandy Michael

Staff Software Engineer, Frontend Dev, Speaker, Eng Manager (she/her) | Founder & Organiser @fendersperth | @mixinconf | @[email protected]

[Mandy Michael @Mandy_Kerr]

Change the content on your page based on the light level in the room using the Ambient Light API. You can play around with the sensor.illuminance value in the pen to switch at different levels.

Give it a try: https://t.co/44o3r1U7ce

See the code: https://t.co/AJwxqpWGF3

[Mandy Michael @Mandy_Kerr]

@matt_colman @philnash Now you know for next time!

[Mandy Michael @Mandy_Kerr]

@philnash @matt_colman Always gotta match 😄

[Mandy Michael @Mandy_Kerr]

Qantas flights from Perth to Sydney return are over $1000 economy atm! 😬 in comparison to Virgin that’s like $700! Why!?!

[Laracon AU @LaraconAU]

📅 The full #LaraconAU schedule is now live!

We've gathered 17 speakers from Australia and around the globe, and are hosting a Q&A with @taylorotwell, @jessarcher​, @joetannenbaum, @avosalmon, and @andrehvalentin from the @laravelphp team.

[Mandy Michael @Mandy_Kerr]

I was just looking for a resource for something and started reminiscing about the @smashingconf I went to in 2019.

That was such a great event! 😄

[Mandy Michael @Mandy_Kerr]

@pabo_ 💜😭 it was so bad! I’d just started a new job too (honestly they were so great about it) but i was so stressed!

[Mandy Michael @Mandy_Kerr]

The last 2 weeks have been the worst of my life. 1yr old was in hospital all last week with RSV - my husband & I both got sick as well. having a child in hospital sick is horrible we made it worse by neglecting our heath to focus on her (understandably) Now we are still very sick

[Mandy Michael @Mandy_Kerr]

@myfonj @askoufish I’ll try get some screenshots Friday

[Mandy Michael @Mandy_Kerr]

Is it documented somewhere how the different browsers map font weights? I’ve been doing some googling and not come up with anything useful

Eg if there is no 500 weight does it load 400, 600 etc?

[Mandy Michael @Mandy_Kerr]

@myfonj @askoufish I also took this into consideration in the testing cross browser/cross operating system and it seems more like the font weight decision tree is the issue than other rendering possibilities given how it renders so I was hoping to get confirmation on how each browser renders it.

[Mandy Michael @Mandy_Kerr]

@myfonj @askoufish I tested this and it’s not consistent between browsers which is why I’m asking.

[Mandy Michael @Mandy_Kerr]

@askoufish It sadly is not based on my testing

[Mandy Michael @Mandy_Kerr]

Looking forward to #LaraconAU so pumped I finally get to attend! Sadly Jello won’t be there but he’s always there in spirit! 😄

I’ll be explaining how you can use HTML to set a good foundation for improving your website/application’s performance 💖😊

Hope to see you there!

[Laracon AU @LaraconAU]

👋🏻 Say g'day to @Mandy_Kerr

After years of scheduling conflicts, we're excited to have Mandy join us and share her expertise in performant HTML and accessibility at #LaraconAU!

Join over 300 fellow artisans 👉🏻 https://t.co/3pa4X2ofpw

[Mandy Michael @Mandy_Kerr]

It feels like it’s actually loading the system font but Firefox is getting it wrong?

[Mandy Michael @Mandy_Kerr]

In Firefox, when it underlines the font in use in dev tools if you have a -apple-system or BlinkMacSystemFont or ui-sans-serif it will underline the generic one at the end eg sans-serif (this happens even if you change sans-serif monospace but it will still be sansserif) - why?

[Mandy Michael @Mandy_Kerr]

It works fine if it’s system-ui but the issue here is system-ui might not always be sans-serif right?

[Una 🇺🇦 @Una]

Another beautiful customized select with a usable fallback 🧑‍🍳😘

This API is awesome 😊

Makes my heart full to see this finally moving along in the WHATWG and browser prototypes ❤️

[Una 🇺🇦 @Una]

The simple joy of the upcoming customizable select API 🙂

https://t.co/t5nemAjPQK

[Mandy Michael @Mandy_Kerr]

@jaffathecake Oh haha ooops

[Mandy Michael @Mandy_Kerr]

@philhawksworth @Netlify Oh wow! Do you know where you’re going next?!

[Adam Argyle @argyleink]

common question I'm getting:

how to disable scrolling the page behind a <dialog>?

answer: with :has!

```#css
html:has(dialog[open]) {
overflow: hidden;
}
```