Angular, d3, and Beyond! | From CA, now CO (via JP) UI Architect https://xitter.cf/t.co/Tphx0GtjHJ
Louisville, CO
Joined October 2008
- Tweets5.4K
- Following1.1K
- Followers360
- Likes12.5K
Proud to be the 24,283rd 😎 on @BackerKit for Gloomhaven Grand Festival. Thanks @Cephalofair gloomhaven-rpg.backerkit.com…
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
Forgot to link: github.com/analyst-one/oikaz…
Jayson Harshbarger retweeted
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.
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…
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.
CSS Relative colors will be even nicer... not not yet widly available. caniuse.com/css-relative-col…
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…
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…
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…
Oikaze makes little assumptions on how you name or organize your #DesignTokens. Oikaze is BYOT... bring your own tokens.
Who is your Twitter twin? 👯
@hypercubed = @trhrkmk
hypercubed and trhrkmk are Twitter twins!
#twitterTwin #toasteed
toasteed.com/dk4mr1/p7xlbops
I revisited Mini-Signals; converting the library to TypeScript & squeezing out a little more speed by eliminating less frequently used features. You can find the latest perf comparison between Mini-Signals and other libraries here: github.com/Hypercubed/Events….
Signals in Angular has me thinking of my own “Signals” implementation from 6+ years ago – Mini-Signals github.com/Hypercubed/mini-s…. Designed for use in high frequency scenarios, like inside a game loop.
Even though they have a similar name, mini-signals are just event emitters à la js-signals from @millermedeiros and AS3-Signals from @robpenner. No state involved, just fast events.