Free Web Development Resources:

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🧵" title="Thread" aria-label="Emoji: Thread">

Free Hosting:

⧩ http://netlify.com"> http://netlify.com 
⧩ http://firebase.google.com"> http://firebase.google.com 
⧩ http://aws.amazon.com"> http://aws.amazon.com 
⧩ http://heroku.com"> http://heroku.com 
⧩ http://pages.github.com"> http://pages.github.com 
⧩ http://vercel.com"> http://vercel.com 
⧩ http://surge.sh"> http://surge.sh 
⧩ http://render.com"> http://render.com 
⧩ http://docs.gitlab.com/ee/user/project/pages">https://docs.gitlab.com/ee/user/p...

Learning Platforms:

⧩ http://freecodecamp.org"> http://freecodecamp.org 
⧩ http://codecademy.com"> http://codecademy.com 
⧩ http://javascript30.com"> http://javascript30.com 
⧩ http://frontendmentor.io"> http://frontendmentor.io 
⧩ http://testautomationu.applitools.com"> http://testautomationu.applitools.com 
⧩ http://coursera.org"> http://coursera.org 
⧩ http://khanacademy.org"> http://khanacademy.org 
⧩ http://sololearn.com"> http://sololearn.com 

Coding Challenge Platforms:

http://codewars.com"> http://codewars.com 
http://topcoder.com"> http://topcoder.com 
http://codingame.com"> http://codingame.com 
http://hackerrank.com"> http://hackerrank.com 
http://projecteuler.net"> http://projecteuler.net 
http://coderbyte.com"> http://coderbyte.com 
http://codechef.com"> http://codechef.com 
http://exercism.io"> http://exercism.io 
http://leetcode.com"> http://leetcode.com 
http://spoj.com"> http://spoj.com 

Freelancing platforms:

http://toptal.com"> http://toptal.com 
http://upwork.com"> http://upwork.com 
http://freelancer.com"> http://freelancer.com 
http://peopleperhour.com"> http://peopleperhour.com 
http://simplyhired.com"> http://simplyhired.com 
http://envato.com"> http://envato.com 
http://guru.com"> http://guru.com 
http://fiverr.com"> http://fiverr.com 
http://hireable.com"> http://hireable.com 
http://6nomads.com"> http://6nomads.com 

List of websites to find remote jobs:

https://abs.twimg.com/emoji/v2/... draggable="false" alt="📌" title="Reißzwecke" aria-label="Emoji: Reißzwecke"> http://flexjobs.com"> http://flexjobs.com 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="📌" title="Reißzwecke" aria-label="Emoji: Reißzwecke"> http://remote.co/remote-jobs 
https://remote.co/remote-jo... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="📌" title="Reißzwecke" aria-label="Emoji: Reißzwecke"> http://justremote.co"> http://justremote.co 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="📌" title="Reißzwecke" aria-label="Emoji: Reißzwecke"> http://weworkremotely.com"> http://weworkremotely.com 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="📌" title="Reißzwecke" aria-label="Emoji: Reißzwecke"> http://remoteok.io"> http://remoteok.io 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="📌" title="Reißzwecke" aria-label="Emoji: Reißzwecke"> http://jobspresso.co"> http://jobspresso.co 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="📌" title="Reißzwecke" aria-label="Emoji: Reißzwecke"> http://europeremotely.com"> http://europeremotely.com 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="📌" title="Reißzwecke" aria-label="Emoji: Reißzwecke"> http://wfh.io"> http://wfh.io 

Remote Jobs: Customer Service, Developer, Sales & More

Want a remote job as a developer, customer service rep, recruiter, sales professional? Find remote jobs like those and more here!

http://flexjobs.com

Photos:

https://abs.twimg.com/emoji/v2/... draggable="false" alt="📷" title="Kamera" aria-label="Emoji: Kamera"> http://unsplash.com"> http://unsplash.com 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="📷" title="Kamera" aria-label="Emoji: Kamera"> http://pixabay.com"> http://pixabay.com 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="📷" title="Kamera" aria-label="Emoji: Kamera"> http://pexels.com"> http://pexels.com 

Illustrations:

⧩ http://undraw.co/illustrations 
⧩">https://undraw.co/illustrat... http://drawkit.io"> http://drawkit.io 
⧩ http://icons8.com/ouch 
⧩">https://icons8.com/ouch"... http://iradesign.io"> http://iradesign.io 
⧩ http://interfacer.xyz"> http://interfacer.xyz 
⧩ http://blush.design"> http://blush.design 

Icons:

> http://fontawesome.com"> http://fontawesome.com 
> http://flaticon.com"> http://flaticon.com 
> http://icons8.com"> http://icons8.com 
> http://material.io/resources/icons 
>">https://material.io/resources... http://iconmonstr.com"> http://iconmonstr.com 

Fonts:

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✍️" title="Schreibende Hand" aria-label="Emoji: Schreibende Hand"> http://fonts.google.com"> http://fonts.google.com 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="✍️" title="Schreibende Hand" aria-label="Emoji: Schreibende Hand"> http://fontspace.com"> http://fontspace.com 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="✍️" title="Schreibende Hand" aria-label="Emoji: Schreibende Hand"> http://1001fonts.com"> http://1001fonts.com 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="✍️" title="Schreibende Hand" aria-label="Emoji: Schreibende Hand"> http://fontsquirrel.com"> http://fontsquirrel.com 

Youtube Channels:

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> Traversy Media
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> FreeCodeCamp
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> The Net Ninja
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> Google Chrome Developers
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> The New Boston
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> Derek Banas
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> Academind

Podcasts:

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> Syntax
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> Fullstack radio
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> The Changelog
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> The Laracasts Snippet
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> Front End Happy Hour
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> JavaScript Jabber Archives
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> Commit Your Code!
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> Shop Talk
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> Ladybug Podcast
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> CodePen Radio
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> JAMStack Radio
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> Modern web

Code Editors:

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🚀" title="Rakete" aria-label="Emoji: Rakete"> Visual Studio Code [VS Code]
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🚀" title="Rakete" aria-label="Emoji: Rakete"> Sublime Text
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🚀" title="Rakete" aria-label="Emoji: Rakete"> Atom
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🚀" title="Rakete" aria-label="Emoji: Rakete"> Brackets
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🚀" title="Rakete" aria-label="Emoji: Rakete"> Vim

Color Palettes:

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🎨" title="Farbpalette" aria-label="Emoji: Farbpalette"> http://coolors.co"> http://coolors.co 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🎨" title="Farbpalette" aria-label="Emoji: Farbpalette"> http://colorhunt.co"> http://colorhunt.co 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🎨" title="Farbpalette" aria-label="Emoji: Farbpalette"> http://paletton.com"> http://paletton.com 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🎨" title="Farbpalette" aria-label="Emoji: Farbpalette"> http://color-hex.com"> http://color-hex.com 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🎨" title="Farbpalette" aria-label="Emoji: Farbpalette"> http://mycolor.space"> http://mycolor.space 

UI Inspiration:

⧩ http://uimovement.com"> http://uimovement.com 
⧩ http://uigarage.net"> http://uigarage.net 
⧩ http://collectui.com"> http://collectui.com 

Docs:

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔥" title="Feuer" aria-label="Emoji: Feuer"> http://developer.mozilla.org"> http://developer.mozilla.org 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔥" title="Feuer" aria-label="Emoji: Feuer"> http://w3schools.com"> http://w3schools.com 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔥" title="Feuer" aria-label="Emoji: Feuer"> http://w3docs.com"> http://w3docs.com 
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔥" title="Feuer" aria-label="Emoji: Feuer"> http://devdocs.io"> http://devdocs.io 

Animation Libraries:

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

Charts / Data Visualization:

https://abs.twimg.com/emoji/v2/... draggable="false" alt="📊" title="Balkendiagramm" aria-label="Emoji: Balkendiagramm"> Chart.js
https://abs.twimg.com/emoji/v2/... draggable="false" alt="📊" title="Balkendiagramm" aria-label="Emoji: Balkendiagramm"> D3.js
https://abs.twimg.com/emoji/v2/... draggable="false" alt="📊" title="Balkendiagramm" aria-label="Emoji: Balkendiagramm"> three.js

Chrome Extensions:

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔖" title="Lesezeichen" aria-label="Emoji: Lesezeichen"> Web Developer
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔖" title="Lesezeichen" aria-label="Emoji: Lesezeichen"> CSSViewer
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔖" title="Lesezeichen" aria-label="Emoji: Lesezeichen"> Wappalyzer
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔖" title="Lesezeichen" aria-label="Emoji: Lesezeichen"> JSONView
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔖" title="Lesezeichen" aria-label="Emoji: Lesezeichen"> Lorem Ipsum Generator

Website Optimization Tools:

https://abs.twimg.com/emoji/v2/... draggable="false" alt="⚡" title="Hochspannungszeichen" aria-label="Emoji: Hochspannungszeichen"> Google PageSpeed Insights
https://abs.twimg.com/emoji/v2/... draggable="false" alt="⚡" title="Hochspannungszeichen" aria-label="Emoji: Hochspannungszeichen"> GTmetrix
https://abs.twimg.com/emoji/v2/... draggable="false" alt="⚡" title="Hochspannungszeichen" aria-label="Emoji: Hochspannungszeichen"> WebPageTest
https://abs.twimg.com/emoji/v2/... draggable="false" alt="⚡" title="Hochspannungszeichen" aria-label="Emoji: Hochspannungszeichen"> Yslow

For those who liked this tweet.

I wrote a short article related to this tweet: https://dev.to/denicmarko/free-web-development-resources-323a

Also,">https://dev.to/denicmark... @mr_mig_by created a repo with this thread as a starting point:
https://github.com/mtdvio/web-development-resources">https://github.com/mtdvio/we...