CSS Tools and Resources Links in article
Suggested CSS tools to help out with your css in projects
https://dev.to/arafat4693/hot-css-tools-for-everyone-1b8o...
Simple Colour Selector
Picking colours can be tedious, I made a simple colour selector as a starting point for projects. If you need an orange, here's a nice orange, and it also comes with a darker tone to accent. Click the colour to copy the hex code.
https://color.koya.io/
I have to mention that this peaked at 5th place highest rated product of the day on Product Hunt 7 years ago. It still gets a lot of traffic so I know I'm not alone in using it....

Favicon Generator
This is a generator that shows you how your icons look and allow you to more easily customise the appearance wherever the icons may show. It also allows you to upload specific icons for specific purposes.
Other generators simply give you an ico, they may even give you a few different resolutions but they don't allow you to swap out icons.
https://realfavicongenerator.net/
...
Good Book for an Introduction to Data Structures & Algorithms
This book here by Robert Sedgwick is a great read and good intro to data structures and algorithms...
https://www.amazon.com/Algorithms-4th-Robert-Sedgewick/dp/032157351X
Here's a digital resource to help with the book......
PACK OF COURSES FOR NEWBIES
you can purchase it for free, or you can help me by buying it (max 5$)
https://twitter.com/samicodess/status/1645464488961867776...

FREE: LIST OF ILLUSTRATION WEBSITES
https://clapycodes.gumroad.com/l/freeillustrationlist
For everyone who needed the illustration website, this document will save you for hours of searching them, go download it for free...
Logo placeholders
Came across a nice site that provides logo placeholders of a variety of sizes, perfect for testing sections that support a variety of image aspect ratios
https://logoipsum.com/...

Better Invalid Input Selectors
(thanks @joao6246 https://discord.com/channels/436251713830125568/1091150479385448558/1091170631766253668)
```css
input:not(:placeholder-shown):invalid {
/* styles here only apply after the user has entered data /
/ rather than immediately after the input is selected */...
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-...