Free Web Development Resources

Free Web Development Resources

More than 100+ resources to learn web development.

Youtube Channels

1. FreeCodeCamp
2. Traversy Media
3. Kevin Powell
4. Web dev Simplified
5. Coder coder
6. CodeWithHarry
7. Programming with Mosh
8. Treehouse
9. DevEd

Websites

1. MDN Docs
2. W3schools
3. Freecodecamp
4. Udemy
5. W3resource
6. CSS reference
7. GeeksforGeeks
8. The Odin Project
9. JavaScript. info
10. Css tricks
11. JavaScript30

Practice from here

1. Codewars
2. Frontend mentors
3. Ace Frontend
4. CSS battle
5. Codewell
6. Dev Challenges
7. Coder byte
8. Frontloops
9. Treehouse
10. Style stage

Design Tools

1. Canva
2. Figma
3. Adobe Express
4. Sketch
5. Visme
6. Snappa
7. Create vista
8. Get Stencil
9. PicMonkey
10. Designer. io

CSS Generators

1. CSS3 generators
2. Colorzilla
3. Neumorphism
4. Enjoy CSS
5. CSS Matic
6. Webcode tools generator
7. Style stage
8. CSS Typeset
9. Wait animate

Free Stock Photos

1. Unsplash
2. Pixabay
3. Pexels
4. Reshot
5. Visualhunt
6. Free photos
7. PicJumbo
8. Pxfuel
9. Splitshire
10. Librestock

Free illustrations

1. Open Doodles
2. unDraw
3. Icons8
4. Drawkit
5. Humaaans
6. Interfacer
7. Blush design
8. Avtaaars
9. Storyset
10. Freepik
11. Ira Design

Free Icons

1. Font Awesome
2. Flaticon
3. Icons8
4. Icon finder
5. Iconicons
6. Heroicons
7. Iconmonstr
8. Boxicons
9. Feather icons
10. IconSvg

Color palettes

1. Coolors
2. Color hunt
3. Paletton
4. ColorMunki
5. Eggradients
6. Flatuicolors
7. Mycolor
8. Colorion
9. Uigradient

Free Fonts

1. Google Fonts
2. Font space
3. Font Squirrel
4. Dafont
5. 1001 fonts
6. Fontsly
7. Abstract Fonts

Design Inspiration:

1. Dribble
2. Best Website Gallery
3. Site inspire
4. Awwwards
5. Flowing page
6. Fontsinthewild
7. Template Monster

Code Editors

1. Visual Studio Code ( VS Code )
2. Sublime
3. Text Atom
4. Brackets
5. Vim