While I am a software engineer by trade, web design is more or less just a hobby
for me. Unfortunately, most """real""" software companies won't go for glitter backgrounds
and swirly fonts - a shame, I know.
In particular, their CSS and Javascript references are top-notch. This is where I go when
I need to look up the exact syntax for my code. They also have a series of resources for
beginners.
Google has a HUGE assortment of free, open source fonts. They're also backed by an
incredibly easy-to-use API that lets you import fonts into your website with minimal
effort. Their
developer documentation has a great quick start guide to help you get things going.
I'm using
Cherry
Swash and
Ribeye Marrow here.
VS Code is an open source tool maintained by Microsoft. It's incredibly flexible - I use
it in my actual day job as well as all my side projects. It has a huge library of
extensions that will support basically any coding you want to do with it and it's 100% free
to use.
Pixelformer is an open source bitmap editor! I originally started using it to fiddle with
Stardew Valley mods, but it's also good for playing with other pixel graphics.