All free resources for developers at one place

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
4. Find more online code editors here

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. Dribbble
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

Here are free learning resources for developers

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

Comments

[૮༼⚆︿⚆༽つ]

Cloudflare Pages and Workers is also good alternative for Netlify and Vercel. (free, no credit cards)

[Aashish Panthi]

Really appreciate :)

[Alexey Antipov]

There is also a stage where you need to decide on a Tech Stack for your project.

And here let me promote my tool "Moiva" - moiva.io/

It allows you:

• evaluate and compare Npm packages and GitHub repos
• find alternatives
• see historical trends
• visualise stats in different dimensions
• share the findings and download charts

[Aashish Panthi]

It's great

[pierretoure]

Thank you for this valuable content.
Also, you do a small mistake, you forget a "b" for "Dribbble" under “Design ideas".

[Aashish Panthi]

Thank you so much for correcting me 😊

[Krish]

You still didn't correct it😅

[Aashish Panthi]

Did it, :)

[Krish]

🙂

[niksin]

Here is some free APIs also

[Aashish Panthi]

Really appreciate it man :)

[Alen Abraham]

Good one :)

[Aashish Panthi]

Hey, you are awesome

[Alen Abraham]

cool mate

[Alexis o((>ω< ))o]

Really useful thanks 😎👌

[Aashish Panthi]

Really appreciate it :)

[Alexis Bonvicini]

I really appreciate this amazing info, its mean a lot! Thanks

[Aashish Panthi]

Glad it helped :)

[d-beloved]

Render is another awesome tool for hosting static page applications.

[Aashish Panthi]

I didn't knew about this, thanks for sharing :)

[Tantely Andrianarivola]

Thanks a lot!

[Aashish Panthi]

Glad it helped :)

[Glenn Meyer]

Seems like Zeet is very not free?

[Aashish Panthi]

Yes, it only allows one free app.