Sam Scheding

Design Systems at @atlassian

[Sam Scheding @SScheding]

@_douges @al_hinds Twice the distance from the middle to each end

[Sam Scheding @SScheding]

Replace doom scrolling with yelling into the abyss

[Sam Scheding @SScheding]

@stowball `document.querySelector('video').playbackRate = 100.0;` works.
The ad is over faster, and the playback speed reverts to 1.0 when the actual video starts, which is nice. Only issue is the overlay is on a separate timer, so the last frame of the ad for the intended length of the ad

[Sam Scheding @SScheding]

Oof. Bad day to be a stonk

[Sam Scheding @SScheding]

@seretonins Let's take this offline

[Sam Scheding @SScheding]

Possibly 🌶️ but I'm vibing atomic/pure #jest tests rn. I've wasted a lot my life on bugs from side-effects in `beforeEach` etc.

Sure they are longer, but doing setup/teardown inside each test makes it
- less error prone
- easy to reason about
- easy to refactor

#javascript

[Sam Scheding @SScheding]

Yass CSS now has a documentation website 🎉
https://t.co/NNrUSiXG7a

[Sam Scheding @SScheding]

@lorvsso +1 for Severance. My only issue with it is, I don't think I can handle the wait for season 2

[Sam Scheding @SScheding]

@lorvsso No need to be humble. It's awesome

[Alex Reardon @alexandereardon]

After lots of *great* work by the Design System and Jira folks, you can now use dark mode in @Jira ❤️🎉

https://t.co/NqXMAkV7eE

[Sam Scheding @SScheding]

@stowball I got JIT compiling working in my project 🎉, so I'm doing pseudos now. A potential stumbling block with using '()' for the syntax, is it's difficult to extend to pseudos like `:nth-child(2)`. I'm currently thinking a more traditional syntax scales better: https://t.co/QFWz1rpk3w

[Sam Scheding @SScheding]

I've been wanting to #opensource an #atomicCSS tool I've made as a side project. The idea is, you give it your #designtokens and it generates all the CSS classes you would ever want to use that adhere to your #designsystem

I'm interested, would anybody else find this useful?

[Sam Scheding @SScheding]

The design system first atomic CSS library I've been making is now JIT compiled 🎉 https://t.co/kYJqRfcDJL

[Sam Scheding @SScheding]

I've just added default tokens to YASS! It makes it super quick and easy to spin up some pretty stylish looking components: https://t.co/voQTRUD8ro

[Sam Scheding @SScheding]

Check out this POC for a #css library I've been building:
https://t.co/fVvqmjIhr8

[Sam Scheding @SScheding]

@stowball Oooh, yeh, that would work! Would def need to be JIT compiled though. Precomputing every permutation of that would be ridiculous

[Sam Scheding @SScheding]

The current implementation is very limited. But nothing so far seems like a showstopper.
So, there would be lots to do. But I'm interested in early opinions/feedback, so I can start to formulate an informed, long term direction, or decide it's not worth it

[Sam Scheding @SScheding]

It'd also ship with a default set of design tokens, which I've scrounged from various places. Mostly @scottdejonge and his work on #turretCSS. So, if you don't have time to create an entire design system, you could still use it.