Visual Studio Code

Color Highlight— Highlight web colors in your editor

Prettier Now— VS Code plugin for Prettier Miscellaneous / Code Formatter

Bracket Pair Colorizer 2— A customizable extension for colorizing matching brackets

Auto Rename Tag— Auto rename paired HTML/XML tag

HTML CSS Support— CSS support for HTML documents

Live Sass Compiler— Compile Sass or Scss to CSS at realtime with live browser reload.

Live Server— Launch a development local Server with live reload feature for static & dynamic pages

CSS Peek— Allow peeking to css ID and class strings as definitions from html files to respective CSS. Allows peek and goto definition.

https://devhints.io/emmet— Emmet cheatsheet

https://docs.emmet.io/cheat-sheet— Emmet cheatsheet

Web tools Links

https://paletton.com- The Color Scheme Designer

https://autoprefixer.github.io- Autoprefixer is a PostCSS plugin which parse your CSS and add vendor prefixes

https://css.github.io/csso/csso.html- CSS optimizer

https://www.cleancss.com- Clean CSS is now available for more than just CSS. You can now beautify, minify, format

http://css3generator.com- CSS3 Generator

http://border-radius.com- CSS Border Radius Generator

http://netpresent.net/css-inverter.php- CSS Color Inverter Invert all numbered colors in a CSS stylesheet

https://www.cleancss.com/html-beautify

http://www.cssmatic.com/box-shadow

http://www.cssdrive.com- Menus, tools, examples

http://shrthnd.volume7.io- CSS Shorthand Generator

https://jsoneditoronline.org/- JSON editor online

http://regexr.comRegExr is an online tool to learn, build, & testRegular Expressions (RegEx / RegExp).

Bookmarks

https://pinetools.comFree online tools

https://www.cleancss.com/From Dan's Tools

https://www.blenderguru.com/tutorialsBlender tutorials

https://webcode.tools/html-generatorThe Ultimate HTML Generator