3

Resources Every Web Developer Needs

 6 months ago
source link: https://dev.to/monica_w/resources-every-web-developer-needs-18m0
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Cover image for Resources Every Web Developer Needs
monica

Posted on Mar 13

42 8 6 5 5

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

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


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK