<blockquote>
<p>Last Updated: 5 March, 2021</p>
</blockquote>
<h2 id="heading-softwares">Softwares</h2>
<ol>
<li><a target="_blank" href="https://code.visualstudio.com/">Visual Studio Code</a></li>
<li><a target="_blank" href="https://git-scm.com/">Git</a></li>
<li><a target="_blank" href="https://nodejs.org/en/">NodeJS</a></li>
<li><a target="_blank" href="https://www.figma.com/">Figma</a></li>
</ol>
<h2 id="heading-fonts-tools">Fonts Tools</h2>
<ol>
<li><a target="_blank" href="https://icomoon.io/">IcoMoon</a></li>
</ol>
<h2 id="heading-ui-design-tools">UI Design Tools</h2>
<ol>
<li><a target="_blank" href="https://carbon.now.sh">Carbon: Create and share beautiful images of your source code</a></li>
<li><a target="_blank" href="https://coolors.co/">Coolors</a></li>
<li><a target="_blank" href="https://uigradients.com/">UI Gradients</a></li>
</ol>
<h2 id="heading-css-tools">CSS Tools</h2>
<ol>
<li><a target="_blank" href="https://loading.io/">Loading.io: Loading Icons and Animation Generator</a></li>
<li><a target="_blank" href="https://getcssscan.com/css-box-shadow-examples">CSS Box Shadow Examples</a></li>
<li><a target="_blank" href="https://projects.verou.me/css3patterns/#">CSS Patterns Gallery by Lea Verou</a></li>
</ol>
<h2 id="heading-javascript-tools">JavaScript Tools</h2>
<ol>
<li><a target="_blank" href="https://jsconsole.com">JS Console: Command line interface in your browser</a></li>
<li><a target="_blank" href="http://underscorejs.org/">UnderscoreJS: JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects</a></li>
</ol>
<h2 id="heading-for-vuejs-developers">For VueJS Developers</h2>
<ol>
<li><a target="_blank" href="https://nuxtjs.org">NuxtJS</a></li>
<li><a target="_blank" href="https://modules.nuxtjs.org">NuxtJS Modules</a></li>
</ol>
<h2 id="heading-chrome-web-store">Chrome Web Store</h2>
<ol>
<li><a target="_blank" href="https://chrome.google.com/webstore/detail/screenity-screen-recorder/kbbdabhdfibnancpjfhlkhafgdilcnji">Screenity: Screen recorder for Chrome. Capture, annotate, edit, and more</a></li>
</ol>
<h2 id="heading-articles-visual-studio-code">Articles (Visual Studio Code)</h2>
<ol>
<li><a target="_blank" href="https://www.freecodecamp.org/news/optimize-vscode-performance-best-extensions/">Optimise VS Code Performance</a></li>
<li><a target="_blank" href="https://roboleary.net/vscode/2020/08/05/dont-need-extensions.html">You don't need that VS Code Extension Article</a></li>
<li><a target="_blank" href="https://code.visualstudio.com/docs/getstarted/tips-and-tricks">Visual Studio Code Tips and Tricks</a></li>
<li><a target="_blank" href="https://code.visualstudio.com/docs/editor/emmet">Emmet in VS Code</a></li>
</ol>
<h2 id="heading-free-web-hosting">Free Web Hosting</h2>
<ol>
<li><a target="_blank" href="https://www.netlify.com/">Netlify</a></li>
<li><a target="_blank" href="https://in.000webhost.com/">000webhost</a></li>
<li><a target="_blank" href="https://firebase.google.com/">Firebase Hosting</a></li>
<li><a target="_blank" href="https://pages.github.com/">GitHub Pages</a></li>
<li><a target="_blank" href="https://vercel.com/">Vercel</a></li>
<li><a target="_blank" href="https://render.com/">Render</a></li>
</ol>
<h2 id="heading-twitter-accounts">Twitter Accounts</h2>
<ol>
<li><a target="_blank" href="https://twitter.com/freeCodeCamp">freeCodeCamp</a></li>
<li><a target="_blank" href="https://twitter.com/GoodMarketingHQ">Harry's Marketing Examples</a></li>
</ol>


> Last Updated: 5 March, 2021

## Softwares

1. [Visual Studio Code](https://code.visualstudio.com/)
1. [Git](https://git-scm.com/)
1. [NodeJS](https://nodejs.org/en/)
1. [Figma](https://www.figma.com/)


## Fonts Tools
1. [IcoMoon](https://icomoon.io/)


## UI Design Tools
1. [Carbon: Create and share beautiful images of your source code](https://carbon.now.sh)
1. [Coolors](https://coolors.co/)
1. [UI Gradients](https://uigradients.com/)


## CSS Tools
1. [Loading.io: Loading Icons and Animation Generator](https://loading.io/)
1. [CSS Box Shadow Examples](https://getcssscan.com/css-box-shadow-examples)
1. [CSS Patterns Gallery by Lea Verou](https://projects.verou.me/css3patterns/#)


## JavaScript Tools
1. [JS Console: Command line interface in your browser](https://jsconsole.com)
1. [UnderscoreJS: JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects](http://underscorejs.org/)


## For VueJS Developers
1. [NuxtJS](https://nuxtjs.org)
1. [NuxtJS Modules](https://modules.nuxtjs.org)


## Chrome Web Store

1. [Screenity: Screen recorder for Chrome. Capture, annotate, edit, and more](https://chrome.google.com/webstore/detail/screenity-screen-recorder/kbbdabhdfibnancpjfhlkhafgdilcnji)


## Articles (Visual Studio Code)

1. [Optimise VS Code Performance](https://www.freecodecamp.org/news/optimize-vscode-performance-best-extensions/)
1. [You don't need that VS Code Extension Article](https://roboleary.net/vscode/2020/08/05/dont-need-extensions.html)
1. [Visual Studio Code Tips and Tricks](https://code.visualstudio.com/docs/getstarted/tips-and-tricks)
1. [Emmet in VS Code](https://code.visualstudio.com/docs/editor/emmet)


## Free Web Hosting

1. [Netlify](https://www.netlify.com/)
1. [000webhost](https://in.000webhost.com/)
1. [Firebase Hosting](https://firebase.google.com/)
1. [GitHub Pages](https://pages.github.com/)
1. [Vercel](https://vercel.com/)
1. [Render](https://render.com/)



## Twitter Accounts

1. [freeCodeCamp](https://twitter.com/freeCodeCamp)
1. [Harry's Marketing Examples](https://twitter.com/GoodMarketingHQ)






Resources for Web Developers

Everything I found useful for web development is listed here. A must have list for every web developer.

Softwares

Fonts Tools

UI Design Tools

CSS Tools

JavaScript Tools

For VueJS Developers

Chrome Web Store

Articles (Visual Studio Code)

Free Web Hosting

Twitter Accounts