Free Web Development Resources

Enjoy!

Learning Platforms:

freecodecamp.org
codecademy.com
javascript30.com
frontendmentor.io
testautomationu.applitools.com
coursera.org
khanacademy.org
sololearn.com

Free Hosting:

netlify.com
firebase.google.com
aws.amazon.com
heroku.com
pages.github.com
vercel.com
surge.sh
render.com
docs.gitlab.com/ee/user/project/pages

Coding Challenge Platforms:

codewars.com
topcoder.com
codingame.com
hackerrank.com
projecteuler.net
coderbyte.com
codechef.com
exercism.io
leetcode.com
spoj.com

Freelancing platforms:

📌 toptal.com
📌 upwork.com
📌 freelancer.com
📌 peopleperhour.com
📌 simplyhired.com
📌 envato.com
📌 guru.com
📌 fiverr.com
📌 hireable.com
📌 6nomads.com

List of websites to find remote jobs:

📌 flexjobs.com
📌 remote.co/remote-jobs
📌 justremote.co
📌 weworkremotely.com
📌 remoteok.io
📌 jobspresso.co
📌 europeremotely.com
📌 wfh.io

Photos:

📷 unsplash.com
📷 pixabay.com
📷 pexels.com

Illustrations:

undraw.co/illustrations
drawkit.io
icons8.com/ouch
iradesign.io
interfacer.xyz
blush.design

Icons:

fontawesome.com
flaticon.com
icons8.com
material.io/resources/icons
iconmonstr.com

Fonts:

✍️ fonts.google.com
✍️ fontspace.com
✍️ 1001fonts.com
✍️ fontsquirrel.com

Youtube Channels:

🔗 Traversy Media
🔗 FreeCodeCamp
🔗 The Net Ninja
🔗 Google Chrome Developers
🔗 The New Boston
🔗 Derek Banas
🔗 Academind

Podcasts:

🔗 Syntax
🔗 Fullstack radio
🔗 The Changelog
🔗 The Laracasts Snippet
🔗 Front End Happy Hour
🔗 JavaScript Jabber Archives
🔗 Commit Your Code!
🔗 Shop Talk
🔗 Ladybug Podcast
🔗 CodePen Radio
🔗 JAMStack Radio
🔗 Modern Web

Code Editors:

🚀 Visual Studio Code [VS Code]
🚀 Sublime Text
🚀 Atom
🚀 Brackets
🚀 Vim

Color Palettes:

🎨 coolors.co
🎨 colorhunt.co
🎨 paletton.com
🎨 color-hex.com
🎨 mycolor.space

UI Inspiration:

uimovement.com
uigarage.net
collectui.com
httpster.net

Docs:

🔥 developer.mozilla.org
🔥 w3schools.com
🔥 w3docs.com
🔥 devdocs.io
🔥 free-for.dev

##Animation Libraries: ⧩ CSShake
⧩ Animate.css
⧩ AnimeJS
⧩ GreenSock (GSAP)
⧩ Magic Animations
⧩ Hover css
⧩ AniJS
⧩ Wicked CSS
⧩ Tuesday
⧩ Mo.js
⧩ Bounce.js

Charts / Data Visualization:

📊 Chart.js
📊 D3.js
📊 three.js

Chrome Extensions:

🔖 Web Developer
🔖 CSSViewer
🔖 Wappalyzer
🔖 JSONView
🔖 Lorem Ipsum Generator

Website Optimization Tools:

⚡ Google PageSpeed Insights
⚡ GTmetrix
⚡ WebPageTest
⚡ Yslow

Initially created on Twitter:

If you liked this article, be sure to ❤️ it.

This article is a repost from my blog. Find the original post here: Free Web Development Resources.

Let's keep in touch:
Blog: markodenic.com
Twitter: @denicmarko
Github: github.com/MarkoDenic
Codepen: codepen.io/denic

Dharmen Shah's photo

Great article... 👍

This is also nice list: free-for.dev/#

Show +2 replies
Marko Denic's photo

Hey Dharmen Shah. Thank you for the suggestion. Added!

Marko Denic's photo

Hey, thanks for reading the article!

If you know any other awesome resources, feel free to share them. I'll be happy to add them.

Gilles Ferrand's photo

Nice article, thanks 😁

Oluwatosin Shomoye's photo

Just bookmarked this article its full of endless resources.

Volkan Yılmaz's photo

thanks 🤩

Nikhilesh Pandey's photo

Hey, its a great list, Thanks for this Article.

Marko Denic's photo

Thank you Nikhilesh Pandey. Appreciated. 🙂

Sai Laasya Vabilisetty's photo

omg!!! Must bookmark the article😍.Thanks for sharing.

Marko Denic's photo

Thank you Sai Laasya Vabilisetty. Glad you like it. :)

Jennifer's photo

This is a great list, Marko Denic