DEV Community

Cover image for You can't afford not to have these!
Jeff Chavez
Jeff Chavez

Posted on • Updated on

You can't afford not to have these!

I recently watched a YouTube video that gives the MUST USE Websites & Tools for Web Developers. Click here to watch the video. You can also get a free pdf copy from here.

Yeah, and I guess they are the must haves. Thanks to JavaScript Mastery, these are the sites that he gathered for years as a developer. They are great and they are free!

Here are the names and the links plus some additional from me. Enjoy!

Hosting & Deployment

If you want to bring your websites live for the world to see you can use Netlify for the front-end and Heroku for the Backend.

  1. Netlify
  2. Heroku

I add

  1. Firebase
  2. Github pages

Royalty-Free Images & Video

Since websites are no longer text-based and mostly medias attract visitors, you can spice up your design using these for free.

  1. Unsplash
  2. Pexels
  3. Undraw
  4. Coverr
  5. I add Pixabay

Icons & Fonts

For good looking fonts and Icons these are the go to sites:

  1. Flaticon
  2. Animated icons
  3. Font Awesome
  4. Google fonts
  5. I add Boxicons
  6. Font Space for Elegant fonts
  7. Iconify


To upskill and improve your knowledge on web development check these out:

  1. Freecodecamp
  2. The Odin Project
  3. MemDev

I add

  1. w3schools
  2. MDN Web Docs
  3. StackOverflow

Mockup Tools

If you like to sketch simple components for your future website or current project so you can have a look and feel of it, go here:

  1. Figma
  2. Zeplin


If you are confident with your skills and you want to get clients, go and earn from them with these freelancing sites!

  1. Upwork
  3. Fiverr
  4. I add FreeUp

Project Design Ideas

To bring your designs to the next level and get an inspiration for your next projects, check these websites:

  1. Awwwards
  2. Dribble

I add

  1. CSS Design Awards
  2. One Page Love
  3. FWA

Exercises & Algorithms

I learned that there is no formation without repetition. To practice and improve your logical and problem solving skills, grow and be the best with these sites

  1. Leetcode
  2. Exercism
  3. Codewars
  4. I add Codingame

General Tools

You cannot do it alone. So, these are some tools that may help your web dev journey.

  3. Image Compressor
  4. CSS-tricks


  1. CSS Gradient
  2. Clippy
  3. Flexbox Froggy
  4. Grid Garden
  5. Squoosh
  6. BlobMaker

For your bonus, if you wanted to test your site's performance so you can give your users the best experience, check this out WebDev.

That's all! Comment down for additional websites that you think may help the web dev community.


Top comments (8)

spiritupbro profile image

please remove don't ever use anymore this website is a scam take a look at this, they closed account without warning beware

jeffchavez_dev profile image
Jeff Chavez

Oh. Thanks for this brother.

spiritupbro profile image

yes you're welcome brother, please help me spread the word, i don't care about my money anymore, my money maybe gone, but hopefully not all people end up like me please spread the word brother

tatticoder profile image
Naman Singhal

To general tools I would add squoosh.App for image compression

jeffchavez_dev profile image
Jeff Chavez

It's a great tool! Look! I added it on the list. Thanks again!

jeffchavez_dev profile image
Jeff Chavez

Thank you! I'll check that out

afthabanees profile image
Afthab Anees

That was Very Helpful. 👏👏👏

jeffchavez_dev profile image
Jeff Chavez

Thank you!