This list should help in reducing time and mental overhead in deciding what tools to use while coding / development.
- Text editor : VS Code. They also have a web editor now (https://vscode.dev)
- Theme : "VS Code dark+" or "One Dark" (which also has "One Light")
- Font : 'Hack' for code. 'Consolas' for most other things. Meslolgs Nerd Font for your terminal or 'Ubuntu Mono'.
- Hosting static content : GitHub pages (repository settings > pages) + GitHub actions.
(GitLab works too, especially if you want to keep your repo private) - Online IDE : StackBlitz Easy setup if you have a GitHub account. They're constanly improving. Given this, you could probably do web dev on a tablet.
- Pictures : Pexels has good quality CC pictures and a fast search bar :)
- Drawing diagrams : draw.io You can self-host if you like by just forking it and setting up GitHub pages :O
Try to fully explore all features of the listed tools before you decide you need some new tool. (Found out that some people call it "Taco Bell Programming".)
The defaults are usually pretty powerful and versatile (Convention Over Configuration I guess).
Have fun! 🙂