Staff Software Engineer, Frontend Dev, Speaker, Eng Manager (she/her) | Founder & Organiser @fendersperth | @mixinconf | @mandymichael@front-end.social
Perth, Western Australia
- Tweets 18,363
- Following 1,319
- Followers 9,617
- Likes 16,333
Pinned Tweet
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: s.codepen.io/mandymichael/de…
See the code: codepen.io/mandymichael/pen/…
39
433
2,255
Qantas flights from Perth to Sydney return are over $1000 economy atm! 😬 in comparison to Virgin that’s like $700! Why!?!
1
866
Mandy Michael retweeted
📅 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 @andrevalentin from the @laravelphp team.
3
9
23
8,911
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! 😄
5
631
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?
2
4
841
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!
👋🏻 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 👉🏻 laracon.au/tickets
1
2
7
1,797
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?
1
729
It works fine if it’s system-ui but the issue here is system-ui might not always be sans-serif right?
1
566
Mandy Michael retweeted
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 ❤️
ALT custom select vs. fallback
9
34
364
25,202
Mandy Michael retweeted
The simple joy of the upcoming customizable select API 🙂
codepen.io/una/pen/dyBWYxR?e…
12
45
407
60,756
Mandy Michael retweeted
common question I'm getting:
how to disable scrolling the page behind a <dialog>?
answer: with :has!
```#css
html:has(dialog[open]) {
overflow: hidden;
}
```
🆕 Mini Web Machine
Pop n' Lock
- <dialog> basics
- explanations of top-layer, overlay and transition-behavior
- how to transition a <dialog>
⤷ nerdy.dev/pop-n-lock-dialog-…
ALT show thumbnail image says The Dialog Machine - Mini Web Machines
12
33
406
35,326
Mandy Michael retweeted
🤩 View Transitions excitement!
The Firefox team recently had a kick-off meeting to implement View Transitions.
docs.google.com/document/d/1…
“Goal and scope of the project: Single page in H2 2024”
4
30
157
22,399
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
12
18
2,067
Mandy Michael retweeted
This is wild! What you see here is a CSS-only range slider that automatically adjusts the tooltip. 🤯
It's Chromium-only because it relies on @property, scroll-driven animations and anchor-positioning but the CSS future is bright, friends!
css-tip.com/range-slider-too…
1
16
108
6,421
I’m so excited and extremely honoured to be speaking at this event amongst such wonderful people!
Early bird tickets are out now!
We just launched our early-bird ticket sales for November 14 & 15, with @karaforthewin, @danielcroe, Karlijn Löwik, @paulcalvano, @Mandy_Kerr, @grigs, @szynszyliszys and @blue2blond
Who's joining us in Amsterdam, at the fifth #PerfNow? perfnow.nl
1
7
1,252
Mandy Michael retweeted
There are a lot of people with the "flex works good enough" mentality. A lot of them learned to get flex to do most things because it was the only option they had at the time, and then they dole out that advice to others 🙃
4
2
36
21,129
Excited to be starting my first day at @OctopusDeploy as a Lead Software Engineer with the Front End Foundations team! 💫
5
31
1,872