26 Great Tools & Websites Every Developer Should Know

Check out this suite of resources to take your development process to the next level.

Image for post
Image for post

General Tools

1. Zshell + oh-my-zsh — A prettier, clearer terminal experience

Image for post
Image for post

2. Notion — Track every little detail

Image for post
Image for post

3. WAVE Web Accessibility Evaluation Tool — Audit your accessibility compliance

Image for post
Image for post

4. Airbnb ESLint Config — Auto-enforce great code quality

5. Firebase Authentication — Fast, modern, easy authentication handling

Image for post
Image for post

6. BEM Cheat Sheet — For better CSS classes

Image for post
Image for post

7. BundlePhobia — For measuring npm package sizes

Image for post
Image for post

8. Rectangle — Because your screen should never have unused real estate

Image for post
Image for post

9. Whimsical — Quick and dirty process maps

Image for post
Image for post

10. Figma — Simple and powerful wireframes or flow maps

Image for post
Image for post

11. Mockaroo — Generate mock data fast

Image for post
Image for post

Learning

12. Learn Git Branching — Physically see what git does

Image for post
Image for post

13. Typescript Playground — A sandbox for Typescript experiments

Image for post
Image for post

14. Exercism — Free, awesome code challenges to learn any language

Image for post
Image for post

15. OpenVIM — Learn Vim because it’s faster

Image for post
Image for post

16. Flexbox Froggy — Super cute game to learn Flexbox

Image for post
Image for post

17. Grid Garden — The vegetarian option for learning CSS Grid

Image for post
Image for post

18. How To GraphQL — The query language you never knew you wanted

Image for post
Image for post

Other Useful Stuff

19. My Code Review Checklist — Level up your whole dev team

Image for post
Image for post

20. Input — Fonts for code

Image for post
Image for post

21. This blog on writing self-documenting code

Image for post
Image for post

22. Shaderade — Super easy color shades

Image for post
Image for post

23. RemoveBG — Easily make your images transparent

Image for post
Image for post

24. Indent Rainbow — Easier indent tracking in VSCode

Image for post
Image for post

25. Turbo Console Log — Better, easier console logs for VSCode

26. This blog on healthy ways to be a “10x Developer”

Image for post
Image for post

Co-Founder @ confettihabits.com & Senior Product Designer @ Skookum — Dannysapio.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store