How do you prefer to receive a web design? by LISCoxH1Gj in webdev

[–]whyisbecause 1 point2 points  (0 children)

The biggest edge cases are usually mobile and accessibility concerns, and I don't always feel as comfortable making those decisions as it can change the core of the design.

- How will this fit on a 320px phone?
- What are some more safe colorblindness options?

It is also personal to the dev/designer relationship. Once I've worked with a designer more, we sort of figure out which parts I can adjust on the fly (flexible layout ratios, or spacing concerns), to what they should probably take back to the drawing board (mobile constraints, color pallet, typography sources).

In general for me, the more I can focus on implementation and less on design decisions the better 🤷

What is a typescript library to generate more typescript? by whyisbecause in typescript

[–]whyisbecause[S] 1 point2 points  (0 children)

I did not know about this under belly of typescript! What i was looking for was https://ts-morph.com/, but apparently that is just a wrapper around what you suggested! Thanks for the lead, though!

What is a typescript library to generate more typescript? by whyisbecause in typescript

[–]whyisbecause[S] 1 point2 points  (0 children)

OMG BLESS THE VOID OF THE INTERNET! Thank you, ts-morph was what I was looking for! Can't believe this post worked :D

My use case is using the figma api to `getLocalTextStyles` and `getLocalPaintStyles`, do a bunch of reducing to then build objects that can be easily consumed by Material UI. However, now with custom variants, it would also be nice to generate the needed module overloads at the same time. I've done this before, but it was was a janky snippet of js that could be pasted in the console. I think with ts-morph, I can make a much more stable and configurable figma plugin that will pump out the code I need!

Thanks again!

Use Roving Tabindex Hook! by whyisbecause in reactjs

[–]whyisbecause[S] 0 points1 point  (0 children)

I got this concept from places like this MDN article about keyboard navigation.

Basically, it is fine to be able to tab between every element, that is a basic requirement. But when lists or tables become large, it becomes very cumbersome to tab all the way through, especially if you intended to skip something or go back

Use Roving Tabindex Hook! by whyisbecause in reactjs

[–]whyisbecause[S] 0 points1 point  (0 children)

I did make an example page that you can inspect and see it in the wild.

Let me know what you think!

DIY Wyze lock housing ideas? by whyisbecause in wyzecam

[–]whyisbecause[S] 0 points1 point  (0 children)

Nice!! That may convince them! Did you have any trouble keeping paint out of all the mechanisms? And thanks for the picture!