12 Essential Tools for Frontend Developers

Reduce your working time and improve productivity

Photo by Annie Spratt on Unsplash.

1. Sublime Text — To Edit Your Texts

• The autocomplete
• The find-and-replace functionality
• The syntax highlighting Customizable or the highlighted text
• The automatic backup
• Custom keyboard shortcuts
• The macro media
• Etc.

2. Bit (GitHub) — For Component Sharing

• Isolate components from different repositories to ensure that you are sharing components that are truly reusable and not coupled to your project.
• Share said components with other members of your team.
• Use them in any other project.
• Discover building blocks shared by other members of the community.

3. GitHub Desktop — To Control the Version of the Source Code

4. Chrome DevTools — For Real-Time Debugging

• Make the debug and modify a web page in real-time.
• Edit CSS and DOM live.
• Execute custom JavaScript to debug your code at different levels.
• Analyze the execution time of functions in order to optimize the execution speed of your applications.

5. CodePen — For Code Playground

6. JAWS — For Accessibility Verification

7. PageSpeed ​​Insights — To Monitor Site Speed

8. BrowserStack — For a Multi-Browser Test

9. Adobe Color — To Inspire the Designer

10. Minify — For Faster Loading

11. Babel REPL — To “Retroconvert”

12. BundlePhobia — To Optimize Your Storage

Conclusion

Fuente

• essential tools