Staff Software Engineer, Frontend Dev, Speaker, Eng Manager (she/her) | Founder & Organiser @fendersperth | @mixinconf | @mandymichael@front-end.social
Perth, Western Australia
Joined May 2009
- Tweets18.4K
- Following1.3K
- Followers9.6K
- Likes16.3K
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/…
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.
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! 😄
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?
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
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?
It works fine if it’s system-ui but the issue here is system-ui might not always be sans-serif right?
Mandy Michael retweeted
The simple joy of the upcoming customizable select API 🙂
codepen.io/una/pen/dyBWYxR?e…
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;
}
```
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”
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 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…
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
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 🙃
Excited to be starting my first day at @OctopusDeploy as a Lead Software Engineer with the Front End Foundations team! 💫