Dillon Schultz
LightNews LightNews
banner
dillonschultz.design
Dillon Schultz
@dillonschultz.design
180 followers 950 following 14 posts
🎛️ Design Systems
📐 UI/UX Designer
💻 Frontend Engineer

dillonschultz.design
He/Him
Posts Replies Media Videos
dillonschultz.design
My Independent Bookstore Day haul
An image of various book covers and a DVD. The titles include: “Horror Movie” by Paul Tremblay, “Suggested in the Stars” by Yōko Tawada, “Grey Dog” by Elliot Gish, “Everything is Tuberculosis” by John Green, “One Day, Everyone Will Have Been Against This” by Omar El Akkad, “What Moves the Dead” by T. Kingfisher, “The Memory Police” by Yōko Ogawa, “Sour Cherry” by Natalia Theodoridou, and “Mulholland Dr.” directed by David Lynch.
April 27, 2025 at 7:06 AM
Reposted by Dillon Schultz
gloomfather.bsky.social
Boycotting the grocery store until they start buying an equivalent volume of groceries from me
April 7, 2025 at 3:41 PM
Reposted by Dillon Schultz
jum.bsky.social
April 5, 2025 at 11:23 PM
Reposted by Dillon Schultz
jamellebouie.net
merit is back baby
March 29, 2025 at 4:41 PM
Reposted by Dillon Schultz
theonion.com
‘I Messed Up At Work Again,’ Crestfallen Michael Waltz Texts Wife, National Geographic Editorial Staff
‘I Messed Up At Work Again,’ Crestfallen Michael Waltz Texts Wife, National Geographic Editorial Staff
March 25, 2025 at 9:00 PM
Reposted by Dillon Schultz
iwriteok.bsky.social
The Gang Illegally Shares U.S. War Planning Details With A Journalist
March 24, 2025 at 6:47 PM
Reposted by Dillon Schultz
jamellebouie.net
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
March 24, 2025 at 4:40 PM
Reposted by Dillon Schultz
aoc.bsky.social
Tucson, Arizona today.

Original projected attendance was 3,000 people.

23,000 showed up.
Bernie Sanders, AOC, and Greg Casar on stage in Tucson in front a crowd of 23,000 people.
March 22, 2025 at 9:10 PM
Reposted by Dillon Schultz
sturobson.com
🚀 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.
www.alwaystwisted.com
March 10, 2025 at 10:47 AM
Reposted by Dillon Schultz
bradfrost.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
March 5, 2025 at 2:55 PM
Reposted by Dillon Schultz
internethippo.bsky.social
Every day I have to hear about some asshole
February 28, 2025 at 12:25 PM
Reposted by Dillon Schultz
una.im
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
January 22, 2025 at 5:40 PM
Reposted by Dillon Schultz
sturobson.com
👀 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.
www.alwaystwisted.com
February 7, 2025 at 2:31 PM
Reposted by Dillon Schultz
ishadeed.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...
January 5, 2025 at 6:41 PM
Reposted by Dillon Schultz
nerdy.dev
#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...
4 columns of color shown: from color to 100% lightness, from color to white, from color to black, from color to 0% lightness
December 23, 2024 at 7:17 PM
Reposted by Dillon Schultz
nerdy.dev
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...
screenshot of the GUI which shows the syntax and makes the syntax interactive
December 11, 2024 at 5:25 PM
Reposted by Dillon Schultz
sturobson.com
🚀 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 ...
www.alwaystwisted.com
December 5, 2024 at 10:31 AM
Reposted by Dillon Schultz
kentcdodds.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
December 5, 2024 at 8:01 PM
Reposted by Dillon Schultz
nathanacurtis.bsky.social
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
December 3, 2024 at 7:52 PM
Reposted by Dillon Schultz
msteinruck.bsky.social
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…
www.grammarly.com
November 27, 2024 at 2:37 AM
Reposted by Dillon Schultz
jhey.dev
CSS for detecting device posture 🥼

@​media (device-posture: folded) {
h1 span:first-of-type { opacity: 0.25; }
}

some cool future opportunities 🤙
November 26, 2024 at 7:01 PM
Reposted by Dillon Schultz
okovalenko.me
Me adjusting the corner radius
November 19, 2024 at 8:08 PM
Reposted by Dillon Schultz
katestarbird.bsky.social
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.
November 6, 2024 at 5:30 PM
Reposted by Dillon Schultz
sturobson.com
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
November 5, 2024 at 9:20 PM
dillonschultz.design
This is Archie and Bug.
An orange cat sleeping on a couch cushion. A gray cat sitting on top of a heaped blanket on the couch. An orange and gray cat sitting on kitchen table chairs.
November 6, 2024 at 12:01 AM