DEV Community

Cover image for [16] The 15 Best Developer Resources in 2020 - Part II
MV
MV

Posted on • Originally published at create-react-app.com

[16] The 15 Best Developer Resources in 2020 - Part II

Today I will keep up my Top 15 series for the last time this year. This post will be the second part of one of my previous posts, which was also related to Best Developer Resources. I wasn't originally planning any "sequels". Anyway, the reason for writing the second part is simple enough - there are just so many great resources that I want to share. This time, I will go with a bit less obvious ones, and, despite the lack of big names, I believe that there are enough noteworthy hidden gems here.

1). this vs that

It is a website with a simply genius approach. Explains the difference between things like :active vs :focus (CSS), class vs id (HTML), for ... in vs for ... of (JS), and so on.

https://thisthat.dev/

2). Increment

Stylish and informative software-related magazine. Articles by well-known experts such as Chris Coyier, Lea Verou, Dan Abramov, etc.

https://increment.com/

3). WebComponents

A great place to share and search for components. WebComponents provides articles, presentations, podcasts, tools, and more to help web professionals. All the content on this site is totally free.

https://www.webcomponents.org/

4). Sorted Colors

A very clever and simple tool for picking a new brand color for your project. It displays the colors with the color codes - HEX, RGB, HSL. Made by Mustafa Enes Ertarhanaci.

https://enes.in/sorted-colors/

5). Noun Project

A free collection of icons and photos for almost everything.

https://thenounproject.com/

6). Khroma

The AI-powered color tool. Khroma learns from your input and generates combos of color palettes.

http://khroma.co/

7). Grid By Example

An ultimate tool for creating a Grid Layout. Pretty much everything you need to know about Grid.

https://gridbyexample.com/

8). Houdini Worklet Library

The community-driven resource library of CSS Houdini worklets. The first time I heard about it from Una Kravets @ Chrome Dev Summit. Great place to dive deeper into learning Houdini.

https://houdini.how/

9). Resumake

A very easy to use and completely free online tool for making a professional tech resume.

https://resumake.io/

10). Color.review

A super useful tool for adjusting the color accessibility of your project.

https://color.review/

11). Webdevscom

An open-source web developers community. An awesome collection of design resources, app ideas, developer portfolios, public APIs, youtube channels, etc.

https://webdevscom.github.io/

12). Interviews.school

An interview preparation guide for software engineers.

https://interviews.school/

13). Web Desktops

A very funny and inspiring collection of websites that resemble desktop graphical user interfaces. A place to be spaced out.

https://simone.computer/#/webdesktops

14). Tint & Shade Generator

A useful tool for producing tints and shades of a given hex color in 10% increments.

https://maketintsandshades.com/

15). Frontend Horse

A newsletter for frontend developers.

https://frontend.horse/

P.S. Please feel free to complete the list by replying to this post. Which web dev resources do you like best?

P.P.S. Also, please, reply if you would like me to continue with posts like this, or, otherwise, just tell me that it was pretty enough 🙂.


Original post @ create-react-app.com

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

Top comments (6)

Collapse
 
allison profile image
Allison Walker

I love this Khroma site!! Thanks for sharing!

Collapse
 
machineno15 profile image
Tanvir Shaikh

I still don't understand what webcomponets site is about.

Can you explain ?

Collapse
 
villivald profile image
MV

It is a collection of web components. And there is a good article about web components in general - developer.mozilla.org/en-US/docs/W....

Collapse
 
levirs565 profile image
Levi Rizki Saputra

Thank you

Collapse
 
villivald profile image
MV

✌️

Collapse
 
ch4r4f profile image
CMarghin

thank you man