My Visual Studio Code Settings

It's a tool for Practicing HTML,CSS,JS without worrying about the setup

Collected Developer's CheatSheat of different languages and tools.

Best website to start learning HTML and others too.

This site will get you updated about the use and best practices for HTML.

List of symbols and Entities you will be using in your projects.

Provides you the best information/knowledge about CSS and how you can use it.

The best CSS Course till now, which will make you a PRO in css.

Another almanac from codedrops. Hope you find it useful.

This will help you get a better understanding of CSS Selectors

A small tool to help you using the new and powerful clip-path property.

Easing functions for transition and animation. Can be used with cubic-bezier.com.

Best JavaScript Documentation for learning key terms and pretty much everything.

Very handy cheatsheet to determine which JavaScript operators are evaluated first.

A complete DOM manipulation reference

Get keyboard codes, unicodes and keycodes. Vital reference for keypress event handling.

While I don't follow this 100%, it's good to have a style guide to write better code.

Javascript design patterns for advanced study.

React feather, best for minimal beautiful icons.

Best utility icons and more, specifically designed web fonts.

A wide range and variety of icons. Can be used as both SVG and Web Font.

Open-Source, Handcrafted Icons.

Another set of free icons from makers of Tailwind CSS

Yet another flexible icon set for your next project.

This one is best suited, if you want to use IconPacks/Sprites.

Thousands of color palettes to choose that will suit your project.

Another color palette generator.

An open-source color scheme, optimized for UI.

Collection of beautiful color gradients for you to choose from and export to your project.

Easily create lighter and darker versions of any base color. Perfect for hovers, borders and gradients.

Calculate the contrast ratio of text and background colors.

The #1 resource for free and easy-to-use webfonts. Has a huge library of fonts.

Want to download old/retro fonts or display fonts. Chec this out.

The best, 100% free fonts for commercial use. Another well-known huge font library.

World's largest library of premium fonts, if you need more than free fonts for your next project.

#1 resource for free high-resolution photos. There are more photos here than you can imagine!

Another great resource for free stock photos and videos, created by photographers around the world.

Hundreds of free and open-source illustrations for your websites, and colors are even customizable.

Thousands of Free High-Resolution Stock CC0 Images and Videos

Hand-drawn vector illustration and icon resources, perfect for your next project.

Avatar photos, perfect for mockups or placeholders. Don't use them for real people...

Best resource for beautiful and free videos about every imaginable topic, easily searchable.

Gallery of beautiful websites, sorted into multiple categories.

Most well-known destination to find design inspiration, not just web design.

The awards of design, creativity and innovation on the internet. This one features more creative designs.

Inspiration for individual elements and mobile components.

Microsoft's PowerShell Documentation for learning powershell scripting and for reference.

Similar to NPM, provides Modules/Packages for PowerShell.

If you are starting python full-stack automation. Check this.

Linux cheatsheat for productive while writing scripts.

Check if your HTML markup is valid and contains no errors. Official W3C tool.

Check if your CSS markup is valid and contains no errors. Official W3C tool.

An excellent guide to optimize your webpage speed. This is something many devs overlook!

Easy tool to test your webpage for performance. You can also use it in Chrome DevTools (Lighthouse).

Get free insights about website traffic, visitors and conversions. A must for every website.

Get a SEO review of your website to address common issues, and get ahead of your competition.

Compressing images is the most important performance optimization. This is my #1 tool to do so!

Another tool to compress up to 20 JPEG and PNG images while keeping a good level of quality.

Just upload an image and this tool creates favicons for your website for all platforms.

A wholesome site to create a lot of things including images for dots, waves, masks etc.