Resources Every Web Developer Needs

#webdev #javascript #website #programming

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

Top comments (31)

Alois Sečkár • Mar 14

icones.js.org/ for getting free web icons - it is like a meta search portal for most free icon sets and it helps you to get them as pure SVGs or even as components for most popular JS frameworks.