Resources List

Accessibility

Accessible Colors: It is crucial that the colors you use on a website have enough contrast with their background color. You can easily check this and get accessible alternatives with this tool.
Axe DevTools Browser Extension: Provides a way to audit the accessibility of a page.

Sidebar.io - a great coding and design article aggregate
Codrops - cool experiments with code and website design inspiration
Awwwards - Website design inspiration
Accessibility Matters Newsletter
Dribbble - lots of design inspiration can be found on Dribbble, though the platform is notorious for heavily relying on trends and often ignoring the UX side of design.
CSS Tricks
Style guides from hundreds of brands
Designresourc.es - A huge list of resources across categories
A podcast about turning pixels into code

GitHub.com and GitHub Desktop: GitHub is a tool for collaborating and sharing code.
Visual Studio Code: VS Code is a popular code editing tool we will be writing our website code in.
CSS Gradient Generator
HTML validator

All HTML5 Tags
All CSS Properties
Unicode Symbol Reference - Unicodes is useful for adding symbols or emojis to your site without needing to make it an image. 🙌
Valley of Code

Coolors: Easily generate beautiful color palettes. Make sure they are accessible.
Google Fonts: A large resource of free to use, beautiful and common fonts for both print and web.
Color Slurp : Mac Color Picker App
PowerToys Color Picker: Windows Color Picker
WhatFont: Chrome Extension for identifying fonts being used on websites
Hexcodle - Wordle game for Hexcodes