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... analyst-one.github.io/oikaze/

0 0 2 20 0

View Details

Jayson Harshbarger @hypercubed

3 years ago

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.

0 0 0 57 0

View Details

Jayson Harshbarger @hypercubed

3 years ago

Forgot to link: github.com/analyst-one/oi…

1 0 0 73 0

View Details

Jayson Harshbarger @hypercubed

3 years ago

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

1 0 1 237 0

View Details

Jason Warner @xocomil_1

3 years ago

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.

14 13 83 26K 19

View Details

Jayson Harshbarger @hypercubed

3 years ago

@justinfagnani `accessor` what!?

0 0 6 477 0

View Details

Jayson Harshbarger @hypercubed

3 years ago

CSS-in-JS is all the rage these days.... but have you tried CSS-in-CSS? (ok SCSS, but close). analyst-one.github.io/oikaze/

0 2 3 482 1

View Details

Jayson Harshbarger @hypercubed

3 years ago

I completed the Bezier Game with 24 nodes to spare bezier.method.ac

0 0 1 65 0

View Details

Jayson Harshbarger @hypercubed

3 years ago

CSS Relative colors will be even nicer... not not yet widly available. caniuse.com/css-relative-c…

0 0 0 56 0

View Details

Jayson Harshbarger @hypercubed

3 years ago

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.

1 2 5 850 1

View Details

Jayson Harshbarger @hypercubed

3 years ago

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) analyst-one.github.io/oikaze/recipes…

0 1 2 613 0

View Details

Jayson Harshbarger @hypercubed

3 years ago

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

0 0 0 53 0

View Details

Jayson Harshbarger @hypercubed

3 years ago

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 analyst-one.github.io/oikaze/recipes…

1 0 0 78 0

View Details

Jayson Harshbarger @hypercubed

3 years ago

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 analyst-one.github.io/oikaze/