Jayson Harshbarger

Angular, d3, and Beyond! | From CA, now CO (via JP)

UI Architect

[Jayson Harshbarger @hypercubed]

Proud to be the 24,283rd 😎 on @BackerKit for Gloomhaven Grand Festival. Thanks @Cephalofair https://t.co/hj5q7qoQTG

[Jayson Harshbarger @hypercubed]

Mind is blown!!

[Massimo @Rainmaker1973]

An infinitely recursive of Game of Life.

https://t.co/P6hSDYdQg5

[Jayson Harshbarger @hypercubed]

@girdley @jtoy I've done something similar (not a green box though). For sensitive info I created and use https://t.co/5HCew6mTzE

[Jayson Harshbarger @hypercubed]

@pinzonjulian Lots of good replies in this thead.... I'm looking forward to exploring each. BUT... here is my project on managing CSS... https://t.co/MD8TAseaOr

[Jayson Harshbarger @hypercubed]

To clarify I haven't tey figured out if Oikaze can feed design tokens to Tailwind.... since Tailwind config is JS based not (S)CSS.

[Jayson Harshbarger @hypercubed]

The Tailwind debate seams to be flaring up again. Even though I named my #SCSS tool Oikaze (Tailwind in Japanese) it's not a competitor; Oikaze is meant to be a manager for your #designtokens. One step before your utilities; Tailwind or otherwise.

#WebDesign #CSS

[Jayson Harshbarger @hypercubed]

Forgot to link: https://t.co/d3YTtLIM0J

[Jason Warner @xocomil_1]

My hot take: Don't unit test components. They can't be reliably isolated and you aren't really testing what you think you are. Move your state to a service and unit test the service. Use Angular Testing Library, Cypress or Spectator to do component testing on your @Angular components. Test them the way the user would use them.

[Jayson Harshbarger @hypercubed]

@justinfagnani `accessor` what!?

[Jayson Harshbarger @hypercubed]

CSS-in-JS is all the rage these days.... but have you tried CSS-in-CSS? (ok SCSS, but close). https://t.co/MD8TAseaOr

[Jayson Harshbarger @hypercubed]

I completed the Bezier Game with 24 nodes to spare https://t.co/EPxcvI0vsl

[Jayson Harshbarger @hypercubed]

CSS Relative colors will be even nicer... not not yet widly available. https://t.co/Hu0x824omB

[Jayson Harshbarger @hypercubed]

Wow! TIL that #CSS now has a `color-mix` function. With this we can get rid of hacks necessary to use `rgba` to add transparency. `color-mix` has a 79% global support. Great boost for CSS custom property based #designTokens.

[Jayson Harshbarger @hypercubed]

There was a bit of chatter at #ngconf about #designtokens and #angular material. A primary motivation for Oikaze was to make it easy to get design tokens in and out of angular material (and other tools) https://t.co/aIzvFBV0dp

[Jayson Harshbarger @hypercubed]

Oikaze makes little assumptions on how you name or organize your #DesignTokens. Oikaze is BYOT... bring your own tokens.

[Jayson Harshbarger @hypercubed]

I'd like to share Oikaze. A SCSS tool for design token management in web projects. No more choosing between SCSS variables & CSS custom properties.
Enjoy the best of both worlds! #DesignTokens #WebDev

https://t.co/MD8TAseaOr

[Jayson Harshbarger @hypercubed]

Using Oikaze in a three-tier structure for design tokens is 💪! Flexibility, reusability, and easy customization. Base values, system tokens, and component tokens make managing design systems a breeze. #DesignTokens #WebDec #Scss

https://t.co/Uk78qoMQsJ

[Jayson Harshbarger @hypercubed]

Who is your Twitter twin? 👯

@hypercubed = @trhrkmk

hypercubed and trhrkmk are Twitter twins!

#twitterTwin #toasteed
https://t.co/VIEq2mjcZV

[Jayson Harshbarger @hypercubed]

❌🟢❌ I solved the #sumplete daily challenge in 01:56

https://t.co/9PpTiKvUqp

[Jayson Harshbarger @hypercubed]

@sulco What am I missing here... it returns the sum of two (sort of) random numbers. What's weird?