Mandy Michael
@Mandy_Kerr
Followers
10,627
Following
1,447
Media
1,298
Statuses
18,546
Staff Software Engineer, Frontend Dev, Speaker, Eng Manager (she/her) | Founder & Organiser @fendersperth | @mixinconf | @mandymichael @front -end.social
Perth, Western Australia
Joined May 2009
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
#ใจซ่อนรักEP1
• 457662 Tweets
LINGORM TSOU EP1
• 427767 Tweets
Mission of Sant Rampal Ji
• 217661 Tweets
$WATER
• 202960 Tweets
Rohit Sharma
• 162324 Tweets
Kasie
• 134583 Tweets
#INDvsAUS
• 102655 Tweets
ドリームジャーニー
• 96564 Tweets
Jake Tapper
• 86038 Tweets
#アンメット
• 83378 Tweets
Kohli
• 72945 Tweets
ヒロアカ
• 67148 Tweets
デュランダル
• 51863 Tweets
ブエナビスタ
• 50518 Tweets
Joselu
• 48184 Tweets
Diniz
• 43279 Tweets
カルストンライトオ
• 40417 Tweets
Starc
• 36160 Tweets
Batalla de Carabobo
• 32714 Tweets
ビリーヴ
• 30045 Tweets
ドリジャ
• 29956 Tweets
Cuca
• 29948 Tweets
DANCERACHA ATE TEASERS
• 24790 Tweets
Nosferatu
• 23909 Tweets
Dobbs
• 20406 Tweets
Robert Eggers
• 19894 Tweets
三瓶先生
• 15817 Tweets
Dube
• 11906 Tweets
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:
See the code:
43
500
2K
Uhmm, this is fantastic. Great work Firefox!!!!!
20
625
3K
This is quite possibly the greatest thing I’ve ever seen on the Internet 🙏😍
57
1K
6K
2
169
963
When I started my first job as a Front End Developer I was also doing design work. Less than a year in I got a new boss, he told me I had to choose between design or development, I wasn't allowed to do both.
Don't be that guy.
37
130
917
This is the most amazing css ive ever seen in my life ❤️❤️❤️❤️❤️
49
324
862
The struggle with loving CSS & HTML is that designers don’t accept you because you’re “not a designer” and the developers don’t accept you because you’re “not a developer”.
It can be a lonely place on the front end!
48
156
761
Sometimes I think this:
margin: 10px;
margin-bottom: 40px;
Is easier to read than doing something like:
margin: 10px 10px 40px 10px;
71
40
681
I wanted to make this for ages, I finally got around to it! It detects the Device orientation and updates the variable font weight axis (plus a transform)
Also using the Google Fonts V2 API
#variablefonts
Code:
Test:
😄
17
118
636
CSS: the only language that is both so easy it’s not worth learning but also so hard that it’s not worth learning.
14
94
600
Check out the code for modifying your typography based on the Ambient Light Sensor (needs a flag turned on to work atm)
(If you want to test it you need to open in debug mode)
Post also available here:
15
115
511
My new site will share resources for developers to use variable fonts on the web.
I'll be adding more examples and resources over time but it's also on Github if you would like to contribute
7
135
502
It's been a couple of years since I made this CSS Folded Text but I think it is still one of my best ever Codepens! 😄
12
40
503
I wrote down some of my thoughts on expectations and the perceived value of CSS and HTML in front end development.
42
206
494
Hey folks, if you find CSS Specificity confusing, don't worry.
Batman to the rescue.
<--- I made this a couple of years ago and totally forgot about it 😂
17
177
497
Want your text to fit? No problem...don't just change the font size, change the width as well! ✨
#variablefonts
7
104
477
I want to talk about this image because when I look at it I think I see something different.
You might laugh and think it's the perfect example of how CSS Sucks. But let me tell you what I see...
15
227
472
Does anyone else get irrationally annoyed when people write webpage content in uppercase when you already have CSS in place that styles it accordingly.
😒 Just me?
36
13
472
A growing effect with CSS and variable fonts! This is making me even more excited about variable fonts!
#variablefonts
15
109
434
A really simple demo using the Device Orientation API to control the background gradient and create an interactive split colour layout effect.
View the code:
Play with the demo on your device:
11
63
398
In some exciting news, It's official, I'm now a Google Developer Expert!!! ✨💖💫🎉
28
4
390
All it takes is one comment to crush a persons confidence. Keep that in mind when you give people unsolicited “feedback”.
15
68
379
If you are working on a codebase where the CSS is easy to work with, appreciate the person who put in all the time, hard work and effort to set it up to make it easy for you.
It doesn’t happen by accident.
9
87
364
When you meet a person at a Conf you look up to, remember they are just doing their thing, they probably don’t feel important or cool & they might be super awkward!
If you liked their talk, tell them, because they are probably worried that no one liked it or they did a bad job!
6
65
360
Devs with dogs is my favourite form of twitter. Please send your dog pics to me.
261
23
357
Using the device motion api to adjust the width & slant axis on horizontal tilt with splitting.js to animate characters. Enjoy.
Font is Kairos Sans Variable by
@typeterrance
Code:
Need to view in debug mode on Codepen for iOS
10
63
313
The Three Steps of learning
@typescriptlang
Step 1: TYPESCRIPT JUST GETS IN THE WAY OF PRODUCTIVITY 😩
Step 2: oh...well..errr...thanks typescript...you saved me there..i guess 😒
Step 3: HOW DID I EVER LIVE WITHOUT YOU TYPESCRIPT, NEVER LEAVE ME😚
12
54
293
oh my gosh, I won one of the 20 West Australian Women in Tech awards 😭❤️
Thank you to the people who nominated me ❤️❤️❤️
27
1
273
I've started a collection on
@CodePen
of all the fun I'm having with variable fonts.
#variablefonts
6
42
259
I'm starting a new job next year, i'm both scared and excited!
43
0
255
Learning CSS is like learning literally every other code language - it gets easier the more you know and the more experience you have. How you learn is up to you (vanilla, frameworks etc), but we shouldn’t pretend it’s somehow “a different process” because it really isn’t.
13
43
256
This still makes me laugh
5
25
234
To reiterate from my original article:
“I love CSS, I love HTML and I love JavaScript. They are all important and all valuable in the front end space. What I don’t love, is the constant infighting and devaluing. Let’s stop that and appreciate all the things.”
5
24
120
2
40
224
Been working on making our little patio nice! It’s a great place to tinker on Codepen now 😄
27
4
224
I let myself down not creating these for my collection sooner.
Split/combined emojis.
6
60
221
This is fantastic! Not only great for dead code elimination but a wonderful training tool for new CSS devs! 🙌❤️👏 Love it!
Soon
@FirefoxNightly
will have another new tool for CSS — a way to see: 1) that certain CSS isn't doing anything; and 2) why.
109
1K
4K
1
27
227
It's been a while since I did a ramble, and as i've been on a bit of a Semantic HTML binge lately, I have some things to say!
Semantic HTML, it matters and it's important for creating a functional website.
5
74
215
Currently writing code that's using CSS Grid, object-fit, flexbox and the new text decoration stuff. What a time to be alive and working with CSS. 😍🌟
8
20
212
So because I love
@CodePen
so much, I've decided to post some of my favourites from time to time. First list is here:
6
32
213
17
3
218
Now that I have discovered
@Netlify
and
@eleven_ty
I find myself in a weird situation where the biggest blocker for me getting a side project out...is figuring out the design!?
I am confused by this and I don't know who I am anymore.
8
13
209
You know what makes HTML so great? It's not just using elements in isolation, it's how we combine them for better semantics and meaning!
Here is a post I wrote for CSSTricks about it, (featuring Voltron!)
@css
4
58
201
Friend: "What did you do on Saturday night Mandy?"
Me: "Oh you know, dress up the poop emoji..."
😄
😂
🤣
11
54
201
What are the best companies for remote jobs for front end developers/designers?
I’m compiling a list!
33
35
194
If you think keyboard shortcuts and controls in your dev tooling is awesome, why not be more awesome and make your websites easy to navigate with a keyboard as well!
6
37
186
Ahhhhh this is sooooo cool and cute!!!!!
A variable font in your browser with a horizontal axis? A vertical axis? Well, let's go diagonal!
#css
#variablefonts
#ja
15
232
2K
2
15
188
Once I was stopped at airport security and asked where my parent/guardian was...I was so confused until I realised he thought I was a child...I looked at him and said “dude, I’m 30”. He was so embarrassed...
Moral of this story is that Adults wear batman hoodies too!
5
5
170
Once an old boss told me
“You’ll never work in Perth again”
Like some rubbish Scooby doo villain. LOL
14
0
169
I can’t sleep I’m thinking about variable fonts and how cool they are.
I just want to talk to people about variable fonts! I have slides, will make demos. I want you all to know how awesome they are. 😄❤️🌟
8
22
166
My friend
@niaalist
suggested I create an animation of my editable layered fonts to show the different layers. So here it is.
This is five versions of Rig Shaded by
@JamieClarkeType
layered on top of each other.
6
27
165
I laughed a lot at this. 👍
5
40
161
Rant incoming:
Just because Perth is far away from you does not mean we don't know how to do our jobs, the Perth dev community is incredible.
There are incredible devs everywhere, being in a big city does not make you better than other people. 😒
10
9
159
I’m more convinced than ever that variable fonts are an important part of the future of web design so I wrote this article for designers about the benefits! 🌟
1
34
155
Creating a collection of text effects taught me a bunch of stuff about CSS. Creating a body of work with any language, even if it's something that seems trivial helps you learn and gain a deeper understanding.
MAKE ALL THE THINGS PEOPLE!
5
29
153
Woop woop! Last year I was sitting in the audience! This year I’m speaking! How exciting 🥳🤩
Hailing all the way from Perth 🇦🇺, we'll have Mandy Michael (
@Mandy_Kerr
) joining us this year at
#jsconfasia2019
! Read more about her at
#speakers
1
2
8
11
11
152
There are so many incredible women presenting and tech conferences, in fact, 9/10 of my fav talks were given by women.
Someone tell me how some conferences find it hard to find women to present—because they are everywhere and they are exceptional.
8
26
149
The "divs everywhere" problem doesn't go away if you stop using JS frameworks. Conflating the two is a misrepresentation & hides the real opportunity - which is to encourage each other to learn & understand which HTML elements best represent our content for current & future tech.
8
32
145
Unpopular opinion: I think story points are dumb. 😮
There I said it, no take-backsies
24
12
141
😱 this is an important tweet for lazy web developers everywhere. Bless you
@LeaVerou
🙌🙏
Now that all modern browsers support SVG favicons, here's how to turn any emoji into a favicon.svg:
<svg xmlns="" viewBox="0 0 100 100">
<text y=".9em" font-size="90">💩</text>
</svg>
Useful for quick apps when you can't be bothered to design a favicon!
39
1K
5K
0
19
131
Few people know this, but the C in CSS actually stands for Cool not Cascading.
True story*
*Not a true story
9
19
128
Can confirm my Quokka selfie snapchat filter also works in Snap Camera, so you can have your zoom meetings with a Quokka.
8
7
128
This is how I manage my stress and anxiety, by taking my dog Jello to the beach.
Also he is MAJESTIC AF
8
6
126
I am really struggling to find conferences that take CSS talks, Ive looked through the github repos etc of conferences but it's all JS. Where are the CSS conferences? I want to talk about variable fonts 😀
35
23
122
For 2020, I'm looking for a JavaScript & React mentor. I've spent the last ~1.5-2yrs managing a team and not properly working on my dev skills. I'd love to get some support from someone. If you think you can help me, please let me know.
21
31
119
.
@BlackMilkTweets
I think you need to bring back the Mermaid Ocean Pants. Every time I wear them at a conference people want them. Also I need to purchase back up pairs so I can wear them forever!!! 💜🧜♀️💚✨💙
Everybody needs "Professional mermaid pants", just saying.
7
4
119
I embraced Formal Friday as proposed by
@georgiecel
, not having to commute to work definitely gave me more time to get it right this time. ✨
(I might be running out of toilet paper but I’ve got a wardrobe full of costumes)
5
2
115
About to watch
@jensimmons
code a layout live that she was just handed by
@chriscoyier
😱
#smashingconf
5
6
108
When are we going to stop calling phones "Phones" and come up with a better name?
I rarely use my phone for its phoning capabilities.
53
2
107
BEHOLD, my first ever variable font 😂😅
It's ugly...but I will love it forever.
7
4
105
Heh, there is so many things here that made me laugh.
"The famous javascript"
"I learned this in gloomy compulsory education"
"You're great at the internets"
LOOOL
7
14
103
For our team hack day today I made a Quokka Selfie Snapchat filter so you can still have your quokka selfies in the time of covid ⭐️
10
3
104
Reasons I follow people
- they make cool stuff 😍
- they share cool stuff 🤩
- they _are_ cool 😎
- dogs 🐶
4
3
104
My dotCSS talk is up! It features an awesome demo on dark mode in CSS using variable fonts!
New talk available!
Mandy Michael
@mandy_kerr
at dotCSS 2018 - Variable Fonts and the Future of Web Design
0
5
28
5
21
102
“Hoarders but for code” — code you comment out but realy you should have deleted 😅🤣 LOL
@sarah_edo
#jsconfhi
6
9
99
I’m quitting tech to become a better person than you.
😅😬😂
Try this with tech instead: "I'm quitting tech to become" and then let predictive text decide your new career path.
I'm quitting tech to become the most popular man in the world
825
38
418
22
0
91
It's official! I'm coming to Austin for Smashing Conf next year. 🤩 I can't wait!! I feel so lucky!
Come along and join us, the other speakers are amazing! Check out the thread!
And all the way from Perth Australia, the lovely and lively
@Mandy_Kerr
is a variable font expert and knows a thing or two about APIs as well. We can’t wait to see her speak!
1
0
13
12
3
93
This picture of me from
@viewsourceconf
is hilarious. I can honestly say I have no recollection of this moment. What was I doing?
Thanks for the great pic
@paul_clarke
#ViewSource
9
1
93
Today I’m officially no longer working until next year! I slept in, listened to music, watched anime in my pjs, I’ve gone shopping, and now I’m eating Ice cream.
Frankly, it’s the best fucking day ever 😄
3
0
90
On trend of sharing my awkward stage poses with everyone, please enjoy these two photos, the first from
@webdirections
featuring a Pegasus Pants strut and the second from
@FronteersConf
as some kind of air grab... 🤦♀️
👍 Nailed it 😄
11
0
91
Unpopular opinion: Elf on the Shelf is weird and creepy...strongly do not like.
17
0
90
Part of being a good developer is acknowledging & recognising when people have helped you! If you give talks, write articles or demos include references to the code, articles, people that helped you accomplish it
We all build upon work, be sure to share that part of the journey!
2
17
89
This makes me very happy!
🔥Protip: Multi-line ellipsis is possible in CSS now, for all major browsers except IE!
15
259
1K
3
9
86
I have accidentally attracted some ppl who think I hate CSS 😬
21
0
87
I know it’s not for everyone, but I was meant to be a full time remote worker!
8
2
88
I had a play with the Google Fonts V2 Beta API. There are a couple of changes but it's still simple to use!
I wrote a short post:
@jpamental
also wrote a great post about it
#variablefonts
2
23
83
I was playing around with the viewport and variable font sizing on the weekend. Check out the Codepen using Voto Serif GX by Adam Twardoch
(Optical sizing can be hard to see in the video)
2
15
86
Control your variable fonts using media queries like prefers-color-scheme
This is a silly example, but in all seriousness you could create improved contrast, readability and legibility based on user preferences!
#variablefonts
Using Chee by
@OHnoTypeCo
1
13
83
Some people won’t like the thing you made. Don’t be an asshole about it.
2
9
82