# Top 10 Websites For Developers

- Have you ever wondered about those viral sites, the ones that went from average to trending in a matter of minutes. 
- Yup, I am talking about the **‘Top 10 “X” Sites’ or ‘10 Websites You Don’t Know Exists'** type of articles. We have seen lots of these types of articles and I decided to take it a step further. 
- There are so many websites out there that can be helpful to developers, but we often overlook them because we haven't heard of them. I will try to gather around 10 unknown or not well-known websites that can be beneficial to any developer.

-----------------------------------
## 1. [Dev Resources](https://devresourc.es/)
- A collection of Public APIs, Audio, Fonts, Icons, Illustrations, Images, Logos, Videos, Blogs & Forums, Personal Websites, Books, Marketing, Platforms, Podcasts, Utilities, Auth, Cloud Computing, Databases, Hosting, Serverless, Boards, Freelancing, Interviews, Remote Only, Resume Builders, Programming, Tools and Utilities, UI Designs and much more.
- 
![devres.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1629003920076/v_VIWq8nm.png)

-----------------------------------

## 2. [CSS Layout](https://csslayout.io/patterns/)
- A collection of popular layouts and patterns made with CSS:
- 🎉Zero dependencies
- 🎉No frameworks
- 🎉No CSS hacks
- 🎉Real use cases
- 
![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1629003546669/YhlAAejP1.png)

-----------------------------------
## 3. [ThisThat](https://thisthat.dev/)
- What is the difference between ___ and ___ in the front-end development?
- Cover differences in various topics (CSS, DOM, HTML, JavaScript)
- Include many Good to know sections
- Include many good practices
- Include many tips and tricks
- 
![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1629004018083/JGNogjv6h.png)

-------------------------------------

## 4. [1loc](https://1loc.dev/)
- 286 Favorite JavaScript Utilities in a single line of code! No more!
- 
![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1629004127609/Ghdh7_f8c.png)

-------------------------------------

## 5. [Web Interface Handbook](https://imperavi.com/books/web-interface-handbook/)
- This is a book about the fundamentals of creating a good web interface. You will find out how to make effective forms, typography, grids, and many other components of web design.
- 
![webinterfacebook.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1629004218418/AIXYz6r4U.png)

------------------------------------

## 6. [Logo Tester](https://logotester.thework.market/)
- Your logo needs to be unique in order to stand out from competition and be memorable.
- Instantly check if your logo is up to the top industry standards
- 
![logotester.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1629004355420/Zec-odctI.png)

----------------------------------

## 7. [404 Illustrations](https://error404.fun/)
- Make a unique journey through 404 error pages on your website Use these illustrations that describe better than words
- 
![404.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1629004684253/L05eq4_33.png)


-----------------------------------

## 8. [Snappify](https://snappify.io/editor)
- Create beautiful image of your code, customize it and share it.
- 
![snappfy.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1629004966757/8vj7LFKPu.png)

-----------------------------------

## 9. [diagrams.net](https://app.diagrams.net/)
- Plan out your next project with the help of diagrams.net. It's open source and you can decide where to store your data.

![diagrams.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1629005109533/lujXaPeJm.png)

-----------------------------------

## 10. [Git Explorer](https://gitexplorer.com/)
- Find the right git commands you need without digging through the web
- 
![gitexplorer.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1629006209204/xa9sBbqPf.png)

------------------------------------
## Wrapping up !
- Share this awesome list of websites with your friends and developer communities.
- Hope you enjoyed it.
- Feedback and Comments are welcomed 🙂
- 
![PeaceOutImOutGIF.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1629006794631/0oizaWlJd.gif)