[14] The 15 Best Developer Resources in 2020 - Part I
Tags: codenewbie, webdev, productivity, beginners
Published: 2020-12-05 09:36:51

Today I will continue my [Top 15 series](https://create-react-app.com/tag/top/) with a brief overview of the best developer resources that I use daily. It is worth saying that there are a lot of great resources that are left behind the brackets. [Dev.to](https://dev.to/villivald), [Medium](https://create-react-app.medium.com/), [Stack Overflow](https://stackoverflow.com/), [GitHub](https://github.com/villivald), and many more obvious ones.

##1). FreeCodeCamp
One of the most inspiring and beginner-friendly open-source developer communities.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/7qis2wv4tg7h2kldczhd.png)
https://www.freecodecamp.org/news

##2). CSS Tricks
A website about websites. Daily articles about web development.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/kyn67iz7476im9r8vec8.png)
https://css-tricks.com/

##3). Google Fonts
An extremely complete collection of fonts.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/g0heig7f4ajzup7vttm5.png)
https://fonts.google.com/

##4). Adobe Color
Create color palettes and browse thousands of color combinations.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/z7qlveuwu3o4vfatyen7.png)
https://color.adobe.com/create/color-wheel

##5). Oh Shit, Git!?!
Will help you deal with the git even in the strangest situations. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/nnel98fvk2ibgtt3rf3o.png)
https://ohshitgit.com/

##6). Git Cheatsheet
An interactive and easily read git cheatsheet
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/mss63ypgaq8z8deq13we.png)
http://ndpsoftware.com/git-cheatsheet.html

##7). Repl
A very simple, but powerful online IDE.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/m4cageq5ebw94qeor4sl.png)
https://repl.it/

##8). DevDocs
Free documentation database for all kinds of developers.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/f8q5rf23hlg5epk139xh.png)
https://devdocs.io/

##9). Uses.Tech
A list of developer setups, gear, software, and configs.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/38lai8w3fhemai1sk2i5.png)
https://uses.tech/

##10). Web Skills
A visual overview of useful skills to learn as a web developer.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/liypuimelb20jknocs6q.png)
https://andreasbm.github.io/web-skills/

##11). Roadmap.sh
Frontend Developer Roadmap.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/n34x5c5wm7wuxge1sdf8.png)
https://roadmap.sh/frontend

##12). Explainshell
This is an online tool that visually explains each part of a shell command.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/x0n63axd3ccsrsxhvaxv.png)
https://explainshell.com/

##13). Hacker News
A well-known IT news aggregator. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/0bgcgx0ei6u35n2tc6gx.png)
https://news.ycombinator.com/

##14). Hacker Noon
A technology publishing website that focuses on reporting the latest news related to software development, etc.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/m129aoeb6wxoa9giy0bk.png)
https://hackernoon.com/

##15). Smashing Magazine
An online magazine for designers and web developers.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ggks708qk2v40dqszve7.png)
https://www.smashingmagazine.com/

###Please feel free to complete the list by replying to this post. Which resources do you like best? 

***

[Original post @ create-react-app.com](https://create-react-app.com/15-best-developer-resources-in-2020/)

My Site https://proj.create-react-app.com/
GitHub https://github.com/villivald