Mark Learst (@marklearst) header
Mark Learst (@marklearst) profile picture

Principal Design Engineer | Design Systems & Frontend Architecture | Component APIs, React, TypeScript | Open Source Maintainer

Michigan, USA
Joined June 2009
Photo by Mark Learst (@marklearst)Photo by Mark Learst (@marklearst)Photo by Mark Learst (@marklearst)Photo by Mark Learst (@marklearst)Photo by Mark Learst (@marklearst)Photo by Mark Learst (@marklearst)Photo by Mark Learst (@marklearst)Photo by Mark Learst (@marklearst)Photo by Mark Learst (@marklearst)Photo by Mark Learst (@marklearst)
Mark Learst retweeted
🧪 Found a cool glass calendar design in Figma and wanted to test AI hallucination ChatGPT couldn't build it in pure CSS, so I did! ✨ Features: - Frosted glass backdrop blur - Two-layer gradient design - 100% CSS - no JavaScript codepen.io/marklearst/pen/zx… #CSS #AI #Frontend
1
1
4
149
Thoughts on @Airbnb’s new design system?
33
16
8
215
12,327
😋 Bite-sized accessibility Quickly learn accessibility in under 150 words at a time. ✍️ Blogs 📘 Books 📺 Courses 🎨 Contrast 🔎 Testing tools Start learning accessibility one bite at a time👇 bite-sized-a11y.com By Adam Laki
3
3
17
2,313
Mark Learst retweeted
Replying to @AdhamDannaway
This is why designers and frontend developers need to be on the same team, in communication before any designs are started in Figma. Just as designers need to be in communication with developers before code moves from local to dev env. Daily syncs should be mandatory!
2
1
2
160
Mark Learst retweeted
Another reason to use Edge
66
9
6
471
99,968
Mark Learst retweeted
Can't gatekeep this tool anymore... Who wants to test it out? I'll DM a link
Abstract 3D was supposed to drop last month… But had a bunch of other things to release first 🥵 Good news: it’s almost here, and it’s looking 🔥
776
92
5
2,596
242,647
Mark Learst retweeted
1) Win the NFC North 2) TURN UP
116
1,386
121
13,288
465,399
Mark Learst retweeted
So, what’s happening with auto/stack/flex layout in Sketch? We’ve got a sneak preview from @paulozoom to update you! More details in the 🧵
16
15
10
127
20,034
UI/UX Designers, here are my best sites on the internet for design inspiration. Web Design → seesaw.website Mobile Design→ mobbin.com/?via=abraham Design Systems → component.gallery Brands → rebrand.gallery Icons → hugeicons.com Fonts → freefaces.gallery
32
232
6
1,434
82,973
Mark Learst retweeted
typography variables with dynamic type sizes 😍
2
12
1
206
22,708
Casting a design spells 🧙‍♂️😁
12
8
1
251
33,638
❖ Design system tools Everything you need to know about design systems, and the tools to build them. By @KolbySisk Link below 👇 #designsystem #ux
2
12
93
9,570
Mark Learst retweeted
Combining insights from Rework & @JamesClear's Atomic Habits revolutionized my goal approach. What's one habit from these gems that changed my game? #GrowthMindset jamesclear.com/atomic-habits
1
2
261
This is how I hand-off my design to devs 🙌
88
57
14
1,675
186,628
Figma's end goal ;-)
54
25
14
398
50,271
jsr.io is public! this is a big deal if you write javascript/typescript great to hear @lcasdev on the latest Syntax episode with @wesbos and @stolinski to chat about it syntax.fm/show/737/jsr-the-n…
4
1
23
8,914
Mark Learst retweeted
I have a 50% off "CSS for JavaScript Developers" discount code, only valid for one use 💕! Discount Code: VALENTINE_2024_NOWEIN5B #CSS #JavaScript css-for-js.dev
1
67
Mark Learst retweeted
Damn! How did I not know about this VS Code feature earlier?
97
407
67
3,104
366,636