# Web Development Resources
A list of useful resources for Web Developers!  

Put it in your bookmarks and contribute something ❤️

U like it? :star: it and [share](https://twitter.com/mtdvio/status/1279129351536205832) with a friendly web developer!
U don't like it? [Watch the doggo](https://twitter.com/RespectfulMemes/status/900147758845308930) :dog:

--- 

Initially created by [@markodenic](https://github.com/markodenic) on [Twitter](https://twitter.com/denicmarko/status/1277492413032992768).

---

## Docs

* 📓 http://developer.mozilla.org
* 📓 http://w3schools.com
* 📓 http://w3docs.com
* 📓 http://devdocs.io
* 📓 http://web.dev

## Free hosting

* ⚡️ http://netlify.com
* ⚡️ http://firebase.google.com
* ⚡️ http://aws.amazon.com
* ⚡️ http://heroku.com
* ⚡️ [GitHub Pages](http://pages.github.com)
* ⚡️ http://vercel.com
* ⚡️ http://surge.sh
* ⚡️ http://render.com
* ⚡️ [GitLab Pages](https://docs.gitlab.com/ee/user/project/pages)

## Learning Platforms

* 🎓 http://freecodecamp.org
* 🎓 http://codecademy.com
* 🎓 http://javascript30.com
* 🎓 http://frontendmentor.io
* 🎓 http://testautomationu.applitools.com
* 🎓 http://coursera.org
* 🎓 http://khanacademy.org
* 🎓 http://sololearn.com
* 🎓 https://javascript.info
* 🎓 https://www.udemy.com

## Coding Challenge Platforms

* ⌨️ http://codewars.com
* ⌨️ http://topcoder.com
* ⌨️ http://codingame.com
* ⌨️ http://hackerrank.com
* ⌨️ http://projecteuler.net
* ⌨️ http://coderbyte.com
* ⌨️ http://codechef.com
* ⌨️ http://exercism.io
* ⌨️ http://leetcode.com
* ⌨️ http://spoj.com

## Freelancing platforms

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

## Free CC-0 Photo Stocks

* 📷 http://unsplash.com
* 📷 http://pixabay.com
* 📷 http://pexels.com
* 📷 http://morguefile.com
* 📷 http://freephotosbank.com
* 📷 http://stockvault.net
* 📷 http://freeimages.com
* 📷 http://search.creativecommons.org

## Illustrations

* 🌠 http://undraw.co/illustrations
* 🌠 http://drawkit.io
* 🌠 http://icons8.com/ouch
* 🌠 http://iradesign.io
* 🌠 http://interfacer.xyz
* 🌠 http://blush.design

## Icons

* 🍩 http://fontawesome.com
* 🍩 http://flaticon.com
* 🍩 http://icons8.com
* 🍩 http://material.io/resources/icons
* 🍩 http://iconmonstr.com
* 🍩 https://heroicons.dev
* 🍩 https://www.abstractapi.com/user-avatar-api

## Fonts

* ✒️ http://fonts.google.com
* ✒️ http://fontspace.com
* ✒️ http://1001fonts.com
* ✒️ http://fontsquirrel.com

## Color Palettes

* 🎨 http://coolors.co
* 🎨 http://colorhunt.co
* 🎨 http://paletton.com
* 🎨 http://color-hex.com
* 🎨 http://mycolor.space

## Podcasts

* 🎙 [Syntax](https://syntax.fm)
* 🎙 [Fullstack radio](https://www.fullstackradio.com)
* 🎙 [The Changelog](https://changelog.com/podcast)
* 🎙 [The Laracasts Snippet](https://laracasts.com/podcast)
* 🎙 [Front End Happy Hour](https://frontendhappyhour.com/)
* 🎙 [JavaScript Jabber Archives](https://devchat.tv/podcasts/js-jabber)
* 🎙 [Commit Your Code!](https://anchor.fm/commityourcode)
* 🎙 [Shop Talk](https://shoptalkshow.com)
* 🎙 [Ladybug Podcast](https://www.ladybug.dev)
* 🎙 [CodePen Radio](https://blog.codepen.io/radio)
* 🎙 [JAMStack Radio](https://www.heavybit.com/library/podcasts/jamstack-radio)
* 🎙 [Modern web](https://www.thisdot.co/modern-web)

## UI Inspiration

* 🤔 http://uimovement.com
* 🤔 http://uigarage.net
* 🤔 http://collectui.com
* 🤔 https://dribbble.com
* 🤔 https://ui-patterns.com

## Chrome Extensions

* 🔖 [Web Developer](https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm)
* 🔖 [CSSViewer](https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce)
* 🔖 [Wappalyzer](https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg)
* 🔖 [JSONView](https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh)
* 🔖 [Lorem Ipsum Generator](https://chrome.google.com/webstore/detail/lorem-ipsum-generator/pglahbfamjiifnafcicdibiiabpakkkb)
* 🔖 [VisBug](https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc)
* 🔖 [Colorblindly](https://chrome.google.com/webstore/detail/colorblindly/floniaahmccleoclneebhhmnjgdfijgg)
* 🔖 [Lighthouse](https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk)
* 🔖 [Accessibility Insights for Web](https://chrome.google.com/webstore/detail/accessibility-insights-fo/pbjjkligggfmakdaogkfomddhfmpjeni)
* 🔖 [ColorPick Eyedropper](https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg)
* 🔖 [PerfectPixel](https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi)
* 🔖 [Dimensions](https://chrome.google.com/webstore/detail/dimensions/baocaagndhipibgklemoalmkljaimfdj)

## Website Optimization Tools

* ⚡ [Google PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights)
* ⚡ [GTmetrix](https://gtmetrix.com)
* ⚡ [WebPageTest](https://www.webpagetest.org)
* ⚡ [Yslow](http://yslow.org)
* ⚡ [CrUX](https://crux.run)

## API's
* 🤖 [Abstract API](https://www.abstractapi.com)
* 🤖 [RapidAPI](https://www.rapidapi.com)