Free awesome resources every developer should save

In today's fast-paced tech world, developers need to keep up with the latest trends, languages, and tools. Having a collection of resources can help developers stay on top of their game, improve their skills, and deliver high-quality work. This article explores several resources that every developer should have in their toolbox.

Compiled Sources

• Free Web Development Resources (web-dev-resources.com)

• https://github.com/bradtraversy/design-resources-for-developers

• https://markodenic.com/free-web-development-resources/

• https://free-for.dev/

• https://javascript.plainenglish.io/80-free-resources-for-web-designers-and-web-developers-in-2021-f400be2875ea

• The Ultimate List of Free Resources for Developers in 2021 (webdevolution.com)

• 300 awesome free things massive list free resources.

  1. Learning Platforms

https://www.freecodecamp.org/

https://www.lambdatest.com/learning-hub/

https://codecademy.com

https://javascript30.com

https://www.frontendmentor.io

https://testautomationu.applitools.com

https://www.coursera.org

https://www.edx.org/

https://khanacademy.org

https://sololearn.com

https://www.scaler.com/topics/

https://www.theodinproject.com

https://javascript.info/

https://vueschool.io/

https://www.guru99.com/

1. Fonts

https://fonts.google.com

https://fontspace.com

https://www.1001fonts.com

https://www.fontsquirrel.com

https://ffonts.net

https://www.fontfabric.com

https://urbanfonts.com

https://www.fontpair.co

https://fonts.bunny.net

1. Icons

https://fontawesome.com

https://flaticon.com

https://icons8.com

https://www.iconfinder.com

https://fonts.google.com/icons

https://iconmonstr.com

https://heroicons.com

https://boxicons.com

https://css.gg

https://lineicons.com

https://remixicon.com

1. Color Palette

https://coolors.co

https://colorhunt.co

https://paletton.com

https://color-hex.com

https://mycolor.space

https://flatuicolors.com

https://color.adobe.com

1. Stock Image

https://unsplash.com

https://pixabay.com

https://pexels.com

https://reshot.com

https://librestock.com

https://visualhunt.com

https://freephotos.cc/en

https://picjumbo.com

https://www.pxfuel.com

https://www.splitshire.com

https://freeforcommercialuse.net

1. Image Compression

• TinyJPG | TinyPNG Compress images.

• Compressor.io: Optimize and compress your images online.

• Kraken: Optimize your images & accelerate your websites.

• ImageOptimizer: Resize, compress and optimize your image files.

• ImageOptim: Makes images take up less disk space & load faster.

• Smush.it: Image optimizer WordPress plugin.

1. Videos

https://dareful.com

https://www.videvo.net

https://www.videezy.com

https://pixabay.com/videos

https://mixkit.co

https://www.vidsplay.com

https://mazwai.com

https://lifeofvids.com

1. Illustrations

https://icons8.com/illustrations

https://www.opendoodles.com

https://undraw.co/illustrations

https://www.drawkit.com

https://icons8.com/ouch

https://iradesign.io

https://interfacer.xyz

1. Collaborate and Organise

• Trello: Keeps track of everything.

• Evernote: The workspace for your life’s work.

• Mega: Free space up to 15GB.

1. Website Optimization Tools

Google PageSpeed Insights

GTmetrix

WebPageTest

Yslow

web.dev

Optimizilla

1. UI Inspiration

https://landingexam.com

https://uigarage.net

https://httpster.net

https://www.awwwards.com

https://dribbble.com

https://onepagelove.com

https://www.behance.net

https://tympanus.net/codrops

https://landings.dev

1. Templates

https://htmlrev.com

https://www.tooplate.com

https://html5up.net

https://templatemo.com

https://uideck.com

https://freehtml5.co

1. Docs

https://developer.mozilla.org/en-US/

https://w3schools.com

https://w3docs.com

https://devdocs.io

1. Youtube Channels

Traversy Media

freeCodeCamp.org

The Net Ninja

Google Chrome Developers

Derek Banas

Academind

CodingTech

1. Hosting

2. https://vercel.com

3. https://pages.github.com

4. https://netlify.com

5. https://surge.sh

6. https://firebase.google.com