Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mtdvio/web-development-resources

A list of useful resources for Web Developers! Put it in your bookmarks and contribute something ❤️
https://github.com/mtdvio/web-development-resources

List: web-development-resources

awesome-list html-css-javascript javascript learning learning-js list webdev webdevelopers webdevelopment webtools

Last synced: 19 days ago
JSON representation

A list of useful resources for Web Developers! Put it in your bookmarks and contribute something ❤️

Awesome Lists containing this project

README 

        
# 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)