Hypercolor
A curated collection of beautiful Tailwind CSS gradients using the full range of Tailwind CSS colors. Easily copy and paste the class names, CSS or even save the gradients as an image.
https://hypercolor.dev/...
Accessibility (a11y) Resources
--- LEARN A11Y (ACCESSIBILITY) ---
FREE intro to a11y by W3C - https://www.edx.org/course/web-accessibility-introduction
Accessibility by MDN - https://developer.mozilla.org/en-US/docs/Learn/Accessibility
Accessibility course by Google - https://web.dev/learn/accessibility/
--- A11Y BLOGS ---...
Basic security resources
OWASP cheatsheet series - https://cheatsheetseries.owasp.org/
OWASP top 10 - https://owasp.org/Top10/
Roadmap API security - https://roadmap.sh/best-practices/api-security
CS 253 Web security - https://youtube.com/playlist?list=PL1y1iaEtjSYiiSGVlL1cHsXN_kvJOOhu-...
custom properties / css var auto complete
https://marketplace.visualstudio.com/items?itemName=phoenisx.cssvar
Read the docs for customization, and how to use (might need postCSS node_mods)...
Monads in Typescript
A nice, in depth article about how Monads can be implemented and used in typescript.
https://medium.com/flock-community/monads-simplified-with-generators-in-typescript-part-1-33486bf9d887...
Naming Variables
There are two hard problems in computer science;
1. Cache Invalidation
2. Naming Things
3. Off-by-one Errors
...
Theme toggles
Theme toggles is a collection of awesome, easy to use, animated toggles; designed for switching between light and dark modes. It's a modular library which aims to provide ample customization where needed. Works great utility CSS frameworks such as Tailwindcss.
https://toggles.dev/...