@mikemai2awesome Profile picture

Mike-麥-Mai-v1.618

@mikemai2awesome

Designer, coder, & web accessibility expert. — 🇨🇳 #CANTONESE: 我来自广州 — 💬 #HTML/#CSS: https://t.co/hySw2S5ewi — ♿️ #A11Y: https://t.co/9fz240N0pT

Similar User
Nate Baldwin photo

@NateBaldwinArt

PJ Onori photo

@pjonori

Alice ❖ Packard photo

@AlPackah

uxness photo

@uxness

Hidde photo

@hdv

Damon Sanchez photo

@darkriderdesign

Anne Bovelett photo

@Bovelett

Josh photo

@josh_bickett

UX South Africa photo

@UXSouthafrica

Super UXer photo

@non01

Accessabilly photo

@accessabilly

Sady Maureria Bulnes CD3MBX photo

@sadymaureria

Aspiring Himbo photo

@qtychr

Amandaaahhhhhhh 💀 Jo | LeetingLady photo

@leetinglady

Bogdan Cerovac photo

@CerovacBogdan

Pinned

Why am I an expert in #typography, #DesignSystems & web #accessibility? Malcolm Gladwell’s 10,000-hour rule: true expertise is achieved by practicing—albeit in the correct way—for 10,000 hours. Not everyone is Allen Iverson. Practice does matter. mikemai.net/resume-now/

Tweet Image 1


New post: “You are not a CSS dev if you have not made a CSS reset” With the numerous CSS resets blog posts circulating now, I decided to bring this post out of my drafts. Cheeky title for some good fun. mikemai.net/blog/2024/11/0… #css #typography #WebDev #GraphicDesign #a11y


Happy 60th anniversary, @TOEFL! I’m thrilled to represent China as one of the 40 million TOEFL Takers out there who had a dream of studying abroad, sharing our talents and culture with others and making a meaningful mark on the world. ets.org/toefl/60-years… #MoveTheWorld


Mike-麥-Mai-v1.618 Reposted

🔥 CSS Tip 🔥 How to prevent layout shifts when scrollbars are hidden/shown using the scrollbar-gutter CSS property.


Mike-麥-Mai-v1.618 Reposted

If you feel like you don't know what you don't know about accessibility, it can help to follow folks who discuss assistive technology, accessibility and disability. Here's a list of people who tweet a lot about those. twitter.com/i/lists/134667…


Mike-麥-Mai-v1.618 Reposted

Modern web development seems to be a lot of devs not able to fix #Accessibility issues because of components with baked in bad ARIA.


Mike-麥-Mai-v1.618 Reposted

🤯 How am I just finding out about display: contents; Suuuuper handy for CSS Flexbox + Grid where the children aren't direct descendants.


Mike-麥-Mai-v1.618 Reposted

📝 The CSS Podcast 089: View Transitions Last week I joined my colleagues @argyleink and @Una on the #CSSPodcast to talk about View Transitions. bram.us/2024/09/26/the…


Mike-麥-Mai-v1.618 Reposted
Tweet Image 1

Mike-麥-Mai-v1.618 Reposted

💡 CSS Tip! Using scroll-driven animations, you can link a CSS variable with a range slider and easily update its value! No more JavaScript to do this. A few lines of CSS, one HTML element and you can update any value in real time. @CodePen demo in the reply 👇

Tweet Image 1

Mike-麥-Mai-v1.618 Reposted

❌ DON'T use `div`, `span`, other random elems for range `input` value displays/ rulers ✅ DO ✨use `output` for value displays & set their `for` attr to `id` of the `input` whose value they display ✨use `datalist` for ruler & set its `id` as the value for `input`'s `list` attr


Mike-麥-Mai-v1.618 Reposted

Two legends, this scene will forever be iconic. Rip James Earl Jones


Ignorant billboard. Even worse alt text.


Amazing conference! Win your free ticket.

Hello! For the 2nd year in a row, Assistiv Labs is giving away 2 tickets to the best, little tech conference around, #a11yTOConf! Enter by September 18 for your chance to win! Enter to win at docs.google.com/forms/d/e/1FAI…



Mike-麥-Mai-v1.618 Reposted

“Responsive Design is about designing for an unknown device. Inclusive Design is about designing for an unknown user.” Deep dive into interactive element size by @ericwbailey baseline compliance and thoughts on going beyond. smashingmagazine.com/2024/07/gettin…


Mike-麥-Mai-v1.618 Reposted

Next week I'm hosting a design systems and accessibility livestream that you should definitely come to 📆 September 12 ⏱️ BST 5pm / EDT 1pm / PDT 9am events.figma.com/inthefile-dsa/…

Tweet Image 1

Mike-麥-Mai-v1.618 Reposted

“Accessibility is too expensive” There are many problems with this idea, but let me just say this real quick: Accessible design is often cheaper than inaccessible design. For example, checkout Wayfair’s hover menu below. I’m trying to click a link on the right of the submenu…


Mike-麥-Mai-v1.618 Reposted

Still true.

“Web making has lately become something of a dick measuring competition.” Our addiction to complicated toolchains and overbuilt frameworks is out of control. Read “The Cult of the Complex” by Jeffrey @Zeldman (that’s me!) in today’s @alistapart alistapart.com/article/cult-o…

Tweet Image 1


Loading...

Something went wrong.


Something went wrong.