Resources Every Web Developer Needs

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!😊🙌