Dillon Schultz
@dillonschultz.design
🎛️ Design Systems 📐 UI/UX Designer 💻 Frontend Engineer dillonschultz.design He/Him
Boycotting the grocery store until they start buying an equivalent volume of groceries from me
‘I Messed Up At Work Again,’ Crestfallen Michael Waltz Texts Wife, National Geographic Editorial Staff
The Gang Illegally Shares U.S. War Planning Details With A Journalist
my takeaway from reading this is that i have to assume that every half-competent intelligence agency in the world has an almost real-time glimpse into what the white house and the pentagon are doing
jamelle@jamellebouie.net · last yr.holy shit www.theatlantic.com/politics/arc...
Tucson, Arizona today. Original projected attendance was 3,000 people. 23,000 showed up.
🚀 New Article Alert 📰 Implementing Light and Dark Modes with Style Dictionary(part 2) In part 2 we look at how we can: - nest inside data attribute or classes - use the CSS light-dark() function 🌐 www.alwaystwisted.com/articles/a-d... 🙏🖤 #DesignTokens #WebDev #WebDesign #DesignSystems #FrontEnd
Implementing Light and Dark Mode with Style Dictionary (part 2)
Implement light and dark modes in your design system using Style Dictionary. Learn to automate design tokens for seamless theming.
alwaystwisted.com
OH HELL YEAH. A mega-helpful glossary for design tokens by @donnie.damato.design: designtokens.fyi
designtokens.fyi
Defining terms for design tokens.
designtokens.fyi
Every day I have to hear about some asshole
Dang I'm excited about new semantic attr() capabilities in CSS! I wrote a post about why this feature is so powerful, how it could change the way you build components, and how I would use it. Advanced attr() is rolling out in Chrome 133 starting next week 🥰 una.im/advanced-attr/
una.im | New capabilities for attr()
Advanced attr() is landing in Chrome 133, and I'm really excited for this feature! Here's a bit about it and how you can use it.
una.im
👀 brb, just working my way through 759 lines of CSS to find the right custom property (design token) to use. If you want to easily find the right design decision in your codebase, check out this article on "Organising Outputs with Style Dictionary". www.alwaystwisted.com/articles/a-d... 🙏🖤
A Design Tokens Workflow (part 5) - Organising Outputs with Style Dictionary | Always Twisted
Learn how to organize design token outputs with Style Dictionary. Generate modular SCSS files from tokens for scalability, clarity, and team collaboration.
alwaystwisted.com
🛠️ New Interactive Article: Balancing Text In CSS I explored text balancing in CSS — what it is, the problems it solves, how it works, and included plenty of examples and use cases. Happy balancing! ⚖️ ishadeed.com/article/bala...
#CSS color what's the difference between adjusting lightness, adding white, and adding black? feel it out, here in this Codepen column 1: from color to 100% lightness 2: from color to white 3. from color to black 4. from color to 0% lightness codepen.io/argyleink/pe...
Chromium: Intent to Ship in v133 #CSS `text-box`, `text-box-trim` and `text-box-edge` groups.google.com/a/chromium.o... this feature is RAD. try it in Canary with this syntax explorer visualizer tool I'm hackin on codepen.io/argyleink/fu...
🚀 New Article Alert! Design Tokens Workflow (part 4) - Converting Tokens with Style Dictionary 🎨🔧 Learn how to adapt tokens for web, Android, iOS, & beyond with practical examples of key & value transformations. 👉 www.alwaystwisted.com/articles/a-d... #DesignTokens #StyleDictionary #UXDesign
A Design Tokens Workflow (part 4) - Converting Tokens with Style Dictionary | Always Twisted
Learn how to transform Design Tokens for web, Android, iOS, and beyond with Style Dictionary. This guide covers key and value conversions, platform-specific naming conventions, and practical examples ...
alwaystwisted.com
Hey everyone! React v19 has been released! react.dev/blog/2024/12...
React v19 – React
The library for web and native user interfaces
react.dev
The Sorry State of States: Today’s Figma assets show design could align better with code medium.com/@nathanacurt...
The Sorry State of States
Today’s Figma assets show design could align better with code
medium.com
If you're into Figma and mode inheritance and things like that, you might like this post I wrote for the Grammarly blog. www.grammarly.com/blog/enginee...
Demystifying Figma’s Variable Mode Inheritance
The Grammarly Design team uses Figma to design the product experiences that help teams communicate and do their best work. Our design system team uses…
grammarly.com
CSS for detecting device posture 🥼 @media (device-posture: folded) { h1 span:first-of-type { opacity: 0.25; } } some cool future opportunities 🤙
Seb ⚛️ ThisWeekInReact.com@sebastienlorber.com · 2y agoTIL about the DevicePosture API Useful to know from JS/CSS if a device is folded: "folded" | "continuous" W3C just moved this to Candidate Recommendation
The Right built a powerful, partisan, & participatory media environment to support its messaging, which offers a compelling "deep story" for its participants. The Left relied upon rigid, self-preserving institutional media and its "story" is little more than a defense of imperfect institutions.
My last speaking engagement was at (probably) one of the last irl web conferences before the Covid-19 lockdowns, and I’ve just seen that my slides have tipped over 2800 views – Design Tokens and CSS: Systemising the design of your components noti.st/sturobson/H9... 🙏🖤
Design Tokens and CSS: Systemising the Design of Components by Stuart Robson
Aren’t Design Tokens just spicy Sass variables?
noti.st
again: this isnt AI “paying off.” this is selling garden trowels at the height of tulip speculation
Well, now that we can do video, it means this video can be posted here, which apparently started over on the other site. Noah Garfinkel noticed that Trump's claim about eating cats and dogs fits with the Peanuts theme song & then someone made a longer version of it.
does the U.S. tech press know they don't have to adopt the terminology CEOs use to obfuscate things