I have compiled a list of the tools that have helped me over the years in building my websites for personal use and for clients. Let's get started, this is a small list compared to many other resources out there on the internet you can use to enhance the look and feel of your websites.

Websites To Learn Web Development

• Codecademy
• TheOdinProject
• Frontend Mentor
• Javascript30
• Coursera
• Khan Academy
• freeCodeCamp
• MDN Web Docs
• W3Schools
• Scrimba

Youtube Channels to Learn Web Development

• Web Dev Simplified
• Coder Coder
• The Coding Train
• FreeCodeCamp
• Traversy Media
• The Net Ninja
• Code with Harry (Hindi)

*Websites for HTML/CSS Templates
*

• HTML5UP
• HTMLRev
• Free-CSS
• Templated
• FreeHTML5
• Start Bootstrap
• BootstrapMade
• Bootswatch
• BootstrapTaste
• Cruip
• Tooplate
• HTML5xCSS3

Code Editors To Use

• Visual Studio Code (VS Code)
• Sublime Text
• Brackets
• Vim

JavaScript Animation Libraries

• Anime.js: Lightweight JavaScript animation library.
• ScrollReveal.js: Easily reveal elements as they enter the viewport.
• Popmotion: A functional, flexible JavaScript motion library.
• AniJS: Declarative handling library for CSS animations.
• Wow.js: Reveal CSS animation as you scroll down a page.
• Typed.js: A JavaScript library that types.
• Velocity.js: Accelerated JavaScript animation.
• GSAP: Professional-grade animation for the modern web.

Website for Vectors, Images, and Illustrations

• Freepik: Discover free vectors, photos, PSDs, and icons.
• Vecteezy: Find high-quality vector art, graphics, and illustrations.
• Unsplash: Access over a million free high-resolution photos.
• Pixabay: Explore a vast library of free images and videos.
• Flaticon: Download free icons, SVG, PSD, PNG, EPS format, or as ICON FONT.
• Openclipart: Share and use free clipart and images.
• SVGRepo: Download SVGs for free.
• Vectorportal: Free vectors, clip art, and icons.
• SVGBackgrounds: Customizable SVG patterns and backgrounds.
• FreeDesignFile: High-quality graphic design resources.
• Pexels: Find free stock photos and videos shared by talented creators.
• Vectorian: Download royalty-free vector art, stock photos, and stock footage.

I hope these resources will help you in building your websites.
Thanks for reading. See you in the next blog!😊🙌