Font

The font is the main catchy thing that users see on the website. The basic things on any website are font. It signifies how you want to dedicate one word or sentence like in the sales you put the font in such a way that call to action word for that you may keep the font larger. This may create sales for anyone. It also helps users to see things clearly on your website.

Tool - Google Font

Illustration

Presenting an image on a website plays an important role. It beautifies the website on how things look. But when it comes to illustration many of us don't know how to design in photoshop, adobe illustrator. Undraw helps you to download pictures having different categories.

Tool - Undraw

color pallets

Everything in the world is full of colors so coolors have different categories of colors that can be used in the design of a website. In the explore section different color pallets can use to make a website.

Tool - Coolors

Code editor

There are a lot of different code editors but VS code is one of the famous ones. My most use code editor is VS code. I have built my different projects mostly related to Vanilla Js on VS code. This is pretty good to use it. But there is some CLI app that also helps us to built different thing like Replit, CodeSandbox.

Tool - VS Code , Replit , CodeSandbox

Document

Learning web dev is not so easy. I can read the doc, watch the video but the main part is all about practicing. Giving 4-5 hours daily not giving up is important for anyone start.

Tool - MDN Doc

Webhosting

Hosting Github repositories is where all content is need for the website. Netlify helps you post all your Github repositories

Tool - Netlify

Conclusion

Understanding the code to write we always need tools you might want to write on CLI app, code editor, Document to read for web dev, Webhosting, colors, font, image, or illustration. I have shared with you the different tools above. Learning new tools that may enhance your productivity. Keep Learning.