Design Engineer | Co-creator of https://xitter.cf/t.co/4Zc4PAmFML
East Sussex
Joined June 2009
- Tweets11.5K
- Following307
- Followers1.1K
- Likes3.2K
Trys Mudford retweeted
🎉🥳 Finally, after so many years, it’s LIVE!
Meet “How To Measure UX and Design Impact” — a shiny new video course on UX metrics, Design KPIs and how to show your incredible UX impact:
measure-ux.com
A practical guide for designers and design leads! 🙏🏾
#ux
The Utopia Figma plugin has been totally rewritten to work with modes, support typographic variables, and includes dark mode: utopia.fyi/blog/figma-plugin…
Trys Mudford retweeted
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 figma.com/community/file/138…
Trys Mudford retweeted
Now CSS has JavaScript's Math.pow(), you could generate fluid font scales in CSS for viewport/container sizes 👀 (watch resize)
:where(dd) {
--min: calc(17 * pow(1.2, var(--lvl, 0)));
font-size: clamp(var(--min), var(--fluid), var(--max)); ✨
}
dd:nth-of-type(2) { --lvl: 2; }
XZ backdoor found in CSS 🤯
trysmudford.com/xz/
Not ready for fluid responsive design? Load up on some classic pixel breakpoints with dystopia.wtf
🚀 Launching Dystopia: Fixed Font-Scale Generator! Say goodbye to the mental gymnastics of fluid typography. Embrace clarity and control with fixed sizes. Dive into a world where design meets precision at dystopia.wtf.
#WebDesign #Typography
The Utopia t-shirt store has free shipping this weekend 🐣 utopiafyi.teemill.com/
17.30 on the day before a UK holiday and is the right time to write a philosophical blog post about prototypes, production code and the fidelity layers of features, right?
trysmudford.com/blog/prototy…
Trys Mudford retweeted
Happy to announce that the recording of last week's CSS Café with @trysmudford is now available 🥳
youtube.com/watch?v=xd6wSHqG…
Trys Mudford retweeted
“Front-end development is not a copy-and-paste job.”
—@trysmudford at @CSS__Cafe
I'm so excited to debut a new talk about Utopia, fluid responsive design & design engineering at @CSS__Cafe tomorrow evening
meetup.com/css-cafe/events/2…
So excited to be heading to #PatternsDay. Looking forward to a day of knowledge bombs and cathartic conversations.
Wearing Utopia with pride. We've launched a little t-shirt store with some of our favourite Utopian catchphrases:
utopiafyi.teemill.com
Talk transcript: Lessons from using Next.js Server Actions - The good, the bad, and the plain undocumented...
Some tips, tricks and gotcha's for writing progressively enhanced web apps with the shiny new @nextjs feature: Server Actions.
trysmudford.com/blog/next-se…
Utopia now has a PostCSS generator with a particularly handy utopia.clamp() function for shorthand, readable clamps.
utopia.fyi/blog/postcss-utop…
Utopia's type calculator now lets you know if there are any steps in your fluid type scale that don't meet WCAG SC 1.4.4. utopia-core has also been updated to provide this data.
utopia.fyi/type/calculator/
ALT A screenshot from utopia.fyi showing the new WCAG 1.4.4 warning callout that alerts you if any steps fail to meet this success criterion.
Trys Mudford retweeted
utopia finally made their own SCSS library to generate fluids: utopia.fyi/blog/utopia-core-…
gonna migrate my systems to use this ASAP. thanks @trysmudford
Trys Mudford retweeted
Utopia (finally) has an official SCSS library: utopia.fyi/blog/utopia-core-…
Utopia (finally) has an official SCSS library: utopia.fyi/blog/utopia-core-…
I've been trialling a more declarative approach to event tracking
trysmudford.com/blog/declara…