Trys Mudford

@trys
279 Followers
77 Following
157 Posts

Design Engineer

Co-creator of Utopia (https://utopia.fyi)

Websitehttps://trysmudford.com
Fluid CSS is funhttps://utopia.fyi
Twitterhttps://twitter.com/trysmudford

Design is full of ambiguity. A single idea can mean different things to different people. Sketches, wireframes and prototypes help align teams and speed up decisions.

Chris How shares three key questions to help designers decide what to sketch and when.

🔗 Read more: https://clearleft.com/thinking/putting-the-ink-into-design-thinking

Putting the ink into design thinking

Let’s start with a thought experiment. I’m going to give you a single word and let’s see what comes to your mind. Don’t overthink it. It’s not a trick.…

Clearleft

New post/feature help you articulate the concept of fluid typographic scales to Utopia newcomers: type scale graphs 🎉

https://utopia.fyi/blog/graph/

Type scale graphs

An update to help articulate fluid responsive design

Utopia
A few snaps and thoughts from the ever wonderful #ffconf @ffconf https://www.trysmudford.com/blog/ffconf-2024/
FFConf 2024 | Trys Mudford

A few snaps and thoughts from FFConf 2024

Heading Brighton-wards for #ffconf. Looking forward to hanging out with a bunch of front-end friends and listening to some top talks.

I'll be snapping pictures again this year so come get a red lanyard from me if you'd rather not have your picture taken or posted afterwards 📸 @ffconf

Web components can be placed anywhere on the page, like any other HTML element, which makes them incredibly portable and practical.

Source: Hyper-responsive web components | Trys Mudford

https://conffab.com/elsewhere/hyper-responsive-web-components/

Hyper-responsive web components | Trys Mudford

Intrinsic design, container queries and cqi typography

Trys Mudford goes on what they thought was an epic CSS performance refactor with a not so surprising result.

https://piccalil.li/links/i-wasted-a-day-on-css-selector-performance-to-make-a-website-load-2ms-faster/

#PiccalilliLinks

I wasted a day on CSS selector performance to make a website load 2ms faster

Trys Mudford goes on what they thought was an epic CSS performance refactor with a not so surprising result.

Piccalilli

Absolutely astounded that this was signed off on the work learning budget 😅

I *cannot wait* to get stuck in @beep

How to stop Figma using your work to train their “AI” models

A really quick video to show you where the right settings are and what settings to disable to protect your work.

https://piccalil.li/blog/how-to-stop-figma-using-your-work-to-train-their-ai-models/

The Utopia Figma plugin has been totally rewritten to work with modes, support typographic variables, and includes dark mode: https://utopia.fyi/blog/figma-plugin-v2/
Figma plugin and kickstarter V2

Figma plugin and kickstarter now support modes and typographic variables

Utopia
We’ve published a new version of the Utopian project kickstarter file on Figma Community and updated the Fluid type and space calculator to work with it. Do hours of work in seconds and invest your time doing the design stuff only humans can do https://www.figma.com/community/file/1385968382811167454/utopian-project-kickstarter-with-modes