Free resources for developers and designers

Free resources for developers and designers

All needed resources for web developers and designers

Well as a human, I love free things 😒. So, I have gathered some free resources that I've used over the years. And I want to share them with you all amazing peoples.

To develop any thing, we first need a computer💻 and an internet🌎 connection. Then of course an operating system (we all know linux is available totally for free).

Let's talk about the things that come after these:

Code editor:

  1. VS code
  2. Sublime text editor
  3. Atom

Online code editors:

  1. Codepen
  2. CodeSandbox
  3. Stackblitz

Stock photos and videos:

  1. Pexels
  2. Unsplash
  3. Pixabay
  4. Mixkit
  5. Coverr

Vectors and illustrations:

  1. Freepik
  2. Undraw
  3. Vecteezy
  4. Openclipart
  5. Vectorstock

Fonts:

  1. Google fonts
  2. Fontspace

Icons:

  1. Font Awesome
  2. Material-ui icons
  3. Animated icons
  4. Freepik

Mockup tools:

  1. Figma
  2. Zepllin

Design ideas:

  1. Awwwards
  2. Dribble
  3. Webdesign Inspiration

Browser extensions:

  1. Wappalyzer - Look at website technology stack
  2. Colorzilla - Pick color from anysite and do color related stuffs
  3. CSS3 generator - Allows you to generate CSS3 snippets
  4. Daily Dev - Developer news
  5. Gitpod - Fork and edit any repo instantly

 

Now its time to make our website public. But before that, we need:

Compressor:

  1. Optimizilla
  2. Tinypng
  3. Code compressor

Hosting providers:

  1. Netlify
  2. Heroku
  3. Github pages
  4. Vercel
  5. Surge
  6. Zeet

I've covered free learning resources in this article:

Thank you so much for sticking around. And here is a bonus for you: More free dev resources. And if you are a student then you can always apply for Student developer pack by Github in collaborations with many other service providers. Here is more by Brad Travercy