bagasstrongman / awesome-web-development-resources

Awesome Web Development Resources

Awesome-web-development-resources

This is an Awesome Web Development Resources list Here you can find all free resources to learn web development ☟

Enjoy Learning ✨!

If you like this Repository, be sure to ⭐ it.

Table of content

• Youtube channels
• Websites
• Instagram pages
• Coding challenge platforms
• CSS Generators
• UI components
• Chrome extension
• Docs
• cheatsheets
• Podcasts
• Code editoers
• HTML & CSS snippets
• Newsletter
• Remote jobs
• Color pallets
• UI Design inspiration

Youtube channels

▶ TheNewBoston
▶ CodeWithHarry
▶ ThapaTechnical
▶ Akshay saini
▶ Freecodecamp
▶ Codingshuttle
▶ Aonacollege
▶ CoderCoder
▶ Webdevsimplified
▶ Codedamn
▶ thecodingeeks
▶ Derek Banas
▶ ProgrammingKnowledge
▶ Edureka
▶ Traversy Media
▶ LearnCode.academy
▶ Programming with Mosh
▶ DesignCourse
▶ Hitesh Choudhary
▶ DevTips
▶ LevelUpTuts
▶ Treehouse
▶ LearnWebCode
▶ Adam Khoury
▶ 1stWebDesigner
▶ Tuts+ Web Design
▶ Joseph Smith

Websites

Cheatsheets

Websites For Web Development Cheat Sheets

📃 thinkful
📃 html.com
📃 dev.to
📃 hackerthemes
📃 seo=cheat-sheet

• HTML
  📃 html5doctor
  📃 htmlcheatsheet
  📃 html5sec
  📃 html5-canvas-cheat-sheet
  

• CSS
  📃 caniuse
  📃 CSS3-Animation-Cheat-Sheet
  📃 css-grid-cheat-sheet
  📃 grid
  📃 media-queries-cheat-sheet
  📃 responsive-web-design-cheatsheet
  

• Javascript
  📃 modern-js-cheatsheet
  📃 developer-cheatsheet
  

HTML & CSS snippets

⚪ codepad.co
⚪ snipplr.com [CSS]
⚪ snipplr.com [HTML]
⚪ codepen.io
⚪ webcode.tools [CSS Generator]
⚪ webcode.tools [HTML Generator]
⚪ codemyui.com
⚪ bootsnipp.com
⚪ codeply.com
⚪ freefrontend.com [HTML]
⚪ freefrontend.com [CSS]
⚪ css-tricks.com

UI design inspirations

🎨 dribbble.com
🎨 behance.net
🎨 awwwards.com
🎨 pinterest.com
🎨 lapa.ninja
🎨 thefwa.com
🎨 cssdesignawards.com
🎨 siteinspire.com
🎨 designinspiration.com
🎨 codepen.io
🎨 collectui.com
🎨 onepagelove.com