Dillon Schultz's Avatar

Dillon Schultz

@dillonschultz.design.bsky.social

πŸŽ›οΈ Design Systems πŸ“ UI/UX Designer πŸ’» Frontend Engineer dillonschultz.design He/Him

178 Followers  |  949 Following  |  14 Posts  |  Joined: 18.07.2023  |  2.0459

Latest posts by dillonschultz.design on Bluesky

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.

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.

My Independent Bookstore Day haul

27.04.2025 07:06 β€” πŸ‘ 4    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Boycotting the grocery store until they start buying an equivalent volume of groceries from me

07.04.2025 15:41 β€” πŸ‘ 39260    πŸ” 6011    πŸ’¬ 539    πŸ“Œ 248
Post image 05.04.2025 23:23 β€” πŸ‘ 15640    πŸ” 3425    πŸ’¬ 50    πŸ“Œ 89

I had Shrek Fairytale Freakdown for the Game Boy Color growing up, and I still think about it to this day.

06.04.2025 00:08 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

merit is back baby

29.03.2025 16:41 β€” πŸ‘ 27783    πŸ” 5381    πŸ’¬ 710    πŸ“Œ 277
β€˜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

β€˜I Messed Up At Work Again,’ Crestfallen Michael Waltz Texts Wife, National Geographic Editorial Staff

25.03.2025 21:00 β€” πŸ‘ 36445    πŸ” 6117    πŸ’¬ 445    πŸ“Œ 222

The Gang Illegally Shares U.S. War Planning Details With A Journalist

24.03.2025 18:47 β€” πŸ‘ 13923    πŸ” 2043    πŸ’¬ 266    πŸ“Œ 61

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

24.03.2025 16:40 β€” πŸ‘ 17253    πŸ” 3539    πŸ’¬ 413    πŸ“Œ 229
Bernie Sanders, AOC, and Greg Casar on stage in Tucson in front a crowd of 23,000 people.

Bernie Sanders, AOC, and Greg Casar on stage in Tucson in front a crowd of 23,000 people.

Tucson, Arizona today.

Original projected attendance was 3,000 people.

23,000 showed up.

22.03.2025 21:10 β€” πŸ‘ 167957    πŸ” 27291    πŸ’¬ 4339    πŸ“Œ 2177
Preview
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.

πŸš€ 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

10.03.2025 10:47 β€” πŸ‘ 7    πŸ” 4    πŸ’¬ 0    πŸ“Œ 0
Preview
designtokens.fyi Defining terms for design tokens.

OH HELL YEAH. A mega-helpful glossary for design tokens by @donnie.damato.design: designtokens.fyi

05.03.2025 14:55 β€” πŸ‘ 57    πŸ” 11    πŸ’¬ 4    πŸ“Œ 0

Every day I have to hear about some asshole

28.02.2025 12:25 β€” πŸ‘ 13506    πŸ” 2647    πŸ’¬ 203    πŸ“Œ 83
Post image 21.02.2025 16:23 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
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.

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/

22.01.2025 17:40 β€” πŸ‘ 172    πŸ” 44    πŸ’¬ 4    πŸ“Œ 3
Preview
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.

πŸ‘€ 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...

πŸ™πŸ–€

07.02.2025 14:31 β€” πŸ‘ 15    πŸ” 3    πŸ’¬ 0    πŸ“Œ 0
Video thumbnail

πŸ› οΈ 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...

05.01.2025 18:41 β€” πŸ‘ 202    πŸ” 41    πŸ’¬ 9    πŸ“Œ 9
4 columns of color shown: from color to 100% lightness, from color to white, from color to black, from color to 0% lightness

4 columns of color shown: from color to 100% lightness, from color to white, from color to black, from color to 0% lightness

#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...

23.12.2024 19:17 β€” πŸ‘ 166    πŸ” 22    πŸ’¬ 3    πŸ“Œ 1
screenshot of the GUI which shows the syntax and makes the syntax interactive

screenshot of the GUI which shows the syntax and makes the syntax interactive

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...

11.12.2024 17:25 β€” πŸ‘ 217    πŸ” 46    πŸ’¬ 10    πŸ“Œ 9
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 ...

πŸš€ 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

05.12.2024 10:31 β€” πŸ‘ 24    πŸ” 5    πŸ’¬ 1    πŸ“Œ 0
Preview
React v19 – React The library for web and native user interfaces

Hey everyone! React v19 has been released! react.dev/blog/2024/12...

05.12.2024 20:01 β€” πŸ‘ 76    πŸ” 10    πŸ’¬ 4    πŸ“Œ 0
Preview
The Sorry State of States Today’s Figma assets show design could align better with code

The Sorry State of States:
Today’s Figma assets show design could align better with code

medium.com/@nathanacurt...

03.12.2024 19:52 β€” πŸ‘ 39    πŸ” 7    πŸ’¬ 2    πŸ“Œ 0
Preview
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…

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...

27.11.2024 02:37 β€” πŸ‘ 5    πŸ” 2    πŸ’¬ 0    πŸ“Œ 0

CSS for detecting device posture πŸ₯Ό

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

some cool future opportunities πŸ€™

26.11.2024 19:01 β€” πŸ‘ 250    πŸ” 46    πŸ’¬ 16    πŸ“Œ 8
Post image

Me adjusting the corner radius

19.11.2024 20:08 β€” πŸ‘ 110    πŸ” 12    πŸ’¬ 6    πŸ“Œ 1

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.

06.11.2024 17:30 β€” πŸ‘ 3371    πŸ” 646    πŸ’¬ 130    πŸ“Œ 77
Preview
Design Tokens and CSS: Systemising the Design of Components by Stuart Robson Aren’t Design Tokens just spicy Sass variables?

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...

πŸ™πŸ–€

05.11.2024 21:20 β€” πŸ‘ 22    πŸ” 4    πŸ’¬ 1    πŸ“Œ 0

This is Archie and Bug.

06.11.2024 00:01 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
Design Systems Join the conversation

Making a #DesignSystems Starter Pack πŸ‘πŸ»

20.10.2024 14:43 β€” πŸ‘ 52    πŸ” 13    πŸ’¬ 15    πŸ“Œ 2
Tech Giants See AI Bets Starting to Pay Off
Microsoft, Google and Amazon report strong growth in cloud revenue, but warn of increased spending

Tech Giants See AI Bets Starting to Pay Off Microsoft, Google and Amazon report strong growth in cloud revenue, but warn of increased spending

again: this isnt AI β€œpaying off.” this is selling garden trowels at the height of tulip speculation

01.11.2024 05:27 β€” πŸ‘ 108    πŸ” 15    πŸ’¬ 7    πŸ“Œ 1
Video thumbnail

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.

13.09.2024 03:15 β€” πŸ‘ 369    πŸ” 93    πŸ’¬ 16    πŸ“Œ 5

@dillonschultz.design is following 20 prominent accounts