Table of Contents

• 🆓 Free Hosting
• 👨🏻‍🏫 Learning Platforms
• ⛓️ YouTube Channels
• 🎙️ Podcasts
• 👩🏻‍💻 Code Editor
• 🛄 Coding Challenge Platforms
• 🛫 Freelancing platforms
• 🏢 Websites to find Remote Jobs
• 📷 Free Quality Photos
• 🎨 Free Illustration Design
• 📚 Web-Dev Library
• 🔼 Icons
• 🆎 Fonts
• 🏜️ Resources for CSS
• 🈴 Resources for JavaScript
• 👻 Credit

Free Hosting:

• http://netlify.com
• http://firebase.google.com
• http://aws.amazon.com
• http://heroku.com
• http://pages.github.com
• http://vercel.com
• http://surge.sh
• http://render.com
• https://cloud.google.com/
• http://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

Youtube Channels:

• Traversy Media
• FreeCodeCamp
• The Net Ninja
• Google Chrome Developers
• The New Boston
• Derek Banas
• Academind
• LearnCode.academy
• codeSTACKR
• Web Dev Simplified
• Florin Pop

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

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

List of websites to find remote jobs:

• http://flexjobs.com
• http://remote.co/remote-jobs
• http://justremote.co
• http://weworkremotely.com
• http://remoteok.io
• http://jobspresso.co
• http://europeremotely.com
• http://wfh.io

Free Quality Photos:

• http://unsplash.com
• http://pixabay.com
• http://pexels.com

Free Illustration Design:

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

Web Dev Library

• A smooth 3D tilt javascript library.

Icons:

• http://fontawesome.com
• http://flaticon.com
• http://icons8.com
• http://material.io/resources/icons
• http://iconmonstr.com

Fonts:

• http://fonts.google.com
• http://fontspace.com
• http://1001fonts.com
• http://fontsquirrel.com

Resources for CSS

1. Color Hunt https://colorhunt.co

2. Coolors https://coolors.co

3. HTML color codes https://htmlcolorcodes.com

4. UI Gradients https://uigradients.com/#Bupe

5. Gradient generator cssgradient.io

6. Encycolorpedia https://encycolorpedia.com

7. WebFx https://webfx.com/web-design/color-picker/

8. Radial Gradient https://css-gradient.com

9. COLORS https://clrs.cc

10. Flat UI colors 2 https://flatuicolors.com/

CODE SNIPPETS

11. Web tools https://webcode.tools/css-generator

12. Little snippets https://littlesnippets.net

13. Enjoy CSS https://enjoycss.com

14. CSS Tricks https://css-tricks.com/snippets/css/

15. CSS Deck https://cssdeck.com

16. W3 How to https://w3schools.com/howto/

17. Snipplr https://snipplr.com

18. Stack overflow https://stackoverflow.com/questions/tagged/css

19. Codepen https://codepen.io/collection/DYpwPE

20. Code my UI https://codemyui.com/

DOCUMENTATION AND NOTES

21. W3 Schools https://w3schools.com/css/

22. MDN https://developer.mozilla.org/en-US/docs/Web/CSS

23. DevDocs https://devdocs.io/css/

24. Geeks for geeks https://geeksforgeeks.org/css-tutorials/

25. Tutorials point https://tutorialspoint.com/css/index.html

CSS GENERATORS

26. CSS button creator https://cssbuttoncreator.com

27. Blob Maker https://blobmaker.app

28. Waves maker https://getwaves.io

29. Enjoy CSS https://enjoycss.com

30. Neumorphic UI https://neumorphism.io/#e0e0e0

31. Glassmorphism Generator https://glassmorphism.com

32. Keyframes https://keyframes.app

33. Animista https://animista.net

34. Fancy border https://9elements.github.io/fancy-border-radius/

35. CSS Generators tool https://cssgenerator.org/

36. CSS 3 maker https://css3maker.com

37. CSS clip path maker https://bennettfeely.com/clippy/

38. CSS shapes generator https://coveloping.com/tools/css-shapes-generator

39. Pattern generator http://patternify.com

40. Background image generator http://bg.siteorigin.com

DESIGN INSPIRATION

41. CSS design awards https://cssdesignawards.com

42. Awwwards https://awwwards.com/websites/css3/

43. CSS nectar https://cssnectar.com

44. Design modo https://designmodo.com/css-website-designs/

45. CSS winner https://csswinner.com

YOUTUBE TUTORIALS

46. Free code camp https://youtube.com/watch?v=1Rs2ND1ryYc

47. Traversy media https://youtube.com/watch?v=yfoY53QXEnI

48. Coding artist https://youtube.com/channel/UC15exV5s79D_aYGADudlwpQ

49. Edureka https://youtube.com/watch?v=3_9znKVNe5g

50. Red Stapler https://www.youtube.com/channel/UCRthRrv06q1iOl86-tTKJhg

GITHUB REPO

51. Awesome CSS https://github.com/awesome-css-group/awesome-css

52. 30 seconds of CSS https://github.com/30-seconds/30-seconds-of-css

53. CSS Protips https://github.com/AllThingsSmitty/css-protips

54. Awesome flexbox https://github.com/afonsopacifer/awesome-flexbox

55. Understanding flexbox https://github.com/ohansemmanuel/Understanding-Flexbox

CHROME EXTENSIONS

59. CSS Peeper https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk?hl=en

60. Pesticide https://chrome.google.com/webstore/detail/pesticide-for-chrome-with/eipbgplchlidkojmppclhkechkhmlefi?hl=en

61. Stylebot https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en

62. Perfect Pixel https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi?hl=en

63. Colorpick eyedropper https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg?hl=en

Resources for JavaScript

1. MDN https://developer.mozilla.org/en-US/docs/Web/JavaScript

2. W3 Schools https://w3schools.com/js/

3. DevDocs https://devdocs.io/javascript/

4. JavaScript Info https://javascript.info

5. JavaScript Garden https://bonsaiden.github.io/JavaScript-Garden/?ref=java5cript.com

6. Code Academy https://codecademy.com/learn/introduction-to-javascript

7. Udemy https://udemy.com/course/the-complete-javascript-course/

8. Coursera https://coursera.org/learn/javascript

9. Plural Sight https://pluralsight.com/courses/quick-start-javascript-1-1870

10. Scrimba https://scrimba.com/topic/javascript

11. Geeks For Geeks https://geeksforgeeks.org/javascript-tutorial/

12. Java Point https://javatpoint.com/javascript-tutorial

13. Tutorial Points https://tutorialspoint.com/javascript/index.htm

14. The Odin Project https://theodinproject.com/courses/javascript

15. Learn JS https://www.learn-js.org/

16. JavaScript Wikipedia https://en.wikibooks.org/wiki/JavaScript/Introduction

17. JavaScript 30 https://javascript30.com

18. JavaScript for Cats http://jsforcats.com

19. Java5cript https://java5cript.com

20. Scotch io https://scotch.io/tag/javascript

21. JavaScript Mastery https://youtube.com/watch?v=g7T23Xzys-A

22. Clever Programmer https://youtube.com/watch?v=Qqx_wzMmFeA

23. Edureka https://youtube.com/watch?v=o1IaduQICO0

24. Coursera https://youtube.com/watch?v=o1IaduQICO0

25. Freecodecamp https://www.youtube.com/watch?v=PkZNo7MFNFg&ab_channel=freeCodeCamp.org

26. Web Dev Simplified https://youtube.com/watch?v=YeFzkC2awTM&list=PLZlA0Gpn_vH9k5ju1yq9qCDqvtuTVgTr6

27. Traversy Media https://youtube.com/watch?v=hdI2bqOjy3c&list=PLillGF-RfqbbnEGy3ROiLWk7JMCuSyQtX

28. Edureka https://youtube.com/watch?v=IljVmcDDrOg

29. Hitesh Choudhary https://youtube.com/watch?v=2md4HQNRqJA&list=PLRAV69dS1uWSxUIk5o3vQY2-_VKsOpXLD

30. Simon Høiberg https://www.youtube.com/watch?v=yU0Gh9T7sq8&ab_channel=SimonH%C3%B8iberg

31. Eloquent JS https://eloquentjavascript.net

32. JS Design pattern https://addyosmani.com/resources/essentialjsdesignpatterns/book/

33. The JavaScript Beginner's Handbook https://flaviocopes.com/page/javascript-handbook/

34. Learn JavaScript with Ease https://pdfdrive.com/javascript-javascript-for-beginners-learn-javascript-programming-with-ease-in-half-the-time-everything-about-the-language-coding-programming-and-web-pages-you-need-to-know-e158299863.html

35. Human JavaScript https://read.humanjavascript.com

36. Modern JavaScript tutorials https://github.com/javascript-tutorial/en.javascript.info

37. Awesome JS Learning https://github.com/micromata/awesome-javascript-learning

38. JS by example https://github.com/bmkmanoj/js-by-examples

39. 33 JS concepts https://github.com/leonardomso/33-js-concepts

40. 30 seconds of code https://github.com/30-seconds/30-seconds-of-code

41. 10 JS projects in 10 hours https://youtube.com/watch?v=dtKciwk_si4

42. 15 JS projects https://youtube.com/watch?v=3PHXvlpOkf4

43. Build 7 games using JS https://youtube.com/watch?v=lhNdUVh3qCc

44. 50 projects in 50 days https://udemy.com/course/50-projects-50-days/

45. JavaScript Projects for Beginners https://jsbeginners.com/javascript-projects-for-beginners/

46. New Resources are coming soon

Credit

• Pratham
• Marko Denic

KiwisMedia: Discover human's best works