💻 Design System Engineering Lead @TRowePrice 📣Speaker 💪Web Platform Advocate & Design Tokens Enthusiast

Joined August 2017
8 Photos and videos
Alex Wilson retweeted
If components are just LEGO bricks, I’m not sure if I even want them anymore. cianfrani.dev/posts/the-lego…
1
2
16
1,109
Alex Wilson retweeted
Not only was styling baked into HTML at some point, it's important that it's no longer baked into it, mainly for accessibility reasons. @hdv outlines some of those reasons here: hidde.blog/why-its-good-for-… Not everything is just about DX. Separation of concerns benefits UX too.#a11y

4 Mar 2024
If HTML was invented today, styling would be baked in. The idea of an external language just for styling would seem stupid.
6
21
187
19,084
What tech do you use to support your mobile design system? If “something else”, let me know in the comments! Also curious about why you chose your option
0% Native all day
0% Flutter or bust
0% React Native
100% Something else
2 votes • Final results
2
130
Does your design system support mobile apps?
40% Yeah of course!
60% Na we’re focused on web
0% Just Show me the results
10 votes • Final results
1
1
176
Imagine creating a design system for the entire web Think about the challenges with scaling, deprecation strategy, maintenance, adoption, and more🧐 It’s often said that the web moves slowly but I’m impressed by the OG
29 Nov 2023
Web platform is a design system, powering indie and enterprise alike
2
176
Alex Wilson retweeted
CSS Tip! ⭐️ You can use the lh (line-height) unit on background layers to emphasize multiple lines of text responsively without extra elements! ⚡️ h1 { background: linear-gradient(white, white), grey; background-size: 100% calc(var(--lines) * 1lh), 100% 100%; background-clip: text; color: transparent; } Here you emphasize the first two lines of the heading with white using a sized background-image layer It has a size of 2lh ✨ Then the rest of the element is colored with whatever other colors you want to use as layers. If you watch the video, you can see different colors used for different lines and then fade it out if you wish. You could do whatever you like with it 😎 Neat part is that it's responsive. The font-size is set with a clamp and you can resize the viewport or the element and the number of lines emphasized will remain 🤙 Last but not least, make sure to use background-clip: text and color: transparent so the background shines through 🔥 Also, note that if you're only looking to highlight the first line, you can still use the :first-line pseudo 🫶 Have a play with it and see what you can come up with! @CodePen link below! 👇
Gecko: Intent to Prototype & Ship: Line-height Units (lh, rlh) groups.google.com/a/mozilla.…
10
94
1,001
413,645
Alex Wilson retweeted
:has() is in Firefox beta from today, have fun: mozilla.org/en-US/firefox/12…
16
64
398
703,624
UI remnence of what once was…
1
90
Alex Wilson retweeted
“Systems thinking is a discipline for seeing the structures that underlie complex situations.” — Peter Senge
1
4
25
1,740
Alex Wilson retweeted
26 Oct 2023
The best way to advocate for web components is to build great things with them. Actions speak louder than words. #useThePlatform
4
7
65
10,269
He speaks the truth
If you're building a multi-platform development solution, you *have* to preference the web - it's the most sensitive to code size, a11y, and perf. If you don't optimize for the web you're going to force multi-MB bundles and OS opaque canvases on users who can handle it the least
2
131
“We’ve helped organizations build design systems in a multitude of technologies over the years, but as time goes by we now heartily recommend one specific technology to build a core design system for the web: Web Components.” - Brad Frost bradfrost.com/blog/post/the-…
14
40
10,394
Alex Wilson retweeted
"The Web Sustainability Guidelines (WSG) 1.0" w3c.github.io/sustyweb/ — ...best practices based on measurable, evidence-based research for designing & implementing digital products & services that put people and the planet first. 🍀🙌🏻

4
12
53
10,877
Alex Wilson retweeted
This actually happened to Evernote. They took the advice of “keep talking to your customers and ship whatever they want” as the only guiding principle for product development. And what ended up happening was paying users liked it, but the product become unintuitive and feature overload for the new user. To the extent that they had to rebuild a version for the new user. Users don’t always know if they really want something. It’s your job to take the extra step to think on their behalf: whether they really need this. Or can what they ask be done through something much simpler. Or can you solve multiple problems of different users with one new redesign rather than a bunch of changes. The right principle is: “Keep talking and listening to your users, spend the additional time thinking on their behalf what they actually want, and ship that”.
543
1,874
15,528
3,564,580
Anyone know of any good design system examples for native mobile?
1
104
Dope hat
25 Aug 2023
🧑‍🚀⭐ Calling all aspiring astronauts—Astro 3.0 touches down next week. We're giving away 10 of these official Astro hats to celebrate! Retweet for your chance to win.
1
148
Wild 🤯
Instant Voice Cloning 3 seconds of audio is all you need. Text-to-voice AI generated voices with <1 second latency. 🧵 A thread
1
90
Alex Wilson retweeted
Someone used CGI to add juggling balls to the ball less juggling scene from The Office. This might be the best video on the internet
37
263
2,692
458,815
Excited to share this great conversation I had with Alex Smith on the Design Leader Insights podcast, where we take a quick dive into design system strategy and elements for successful implementation. Check It out! youtu.be/1n1kpxoZvxM
2
77