Top 10 Chrome Plugins for Developers - 2018

TL;DR

This video highlights the top 10 Chrome plugins that the speaker, a programmer, personally uses to enhance productivity and workflow.

Transcript

hey there everyone they share back again with another video in this video we are talking about the top 10 chrome plug-in that I love now just to give you a context here I'm a programmer I write code every single day now situations do change obviously sometimes I write I wrote code for react where PHP may be android may be iOS but I'll write them ev... Read More

Key Insights

• 🔇 The Chrome Inspector tool is highly valued by the speaker for its comprehensive features and versatility.
• 👶 Momentum, a plugin that provides a new image on each new tab, helps maintain focus and set goals.
• ❓ The React Developer Tool assists developers in inspecting and debugging React websites.
• 🏆 The Mobile Responsive Web Design Tester plugin enables developers to test websites on different devices and screen sizes.
• 🕸️ Colorzilla is a must-have plugin for picking colors during web development.
• 💦 The Jason View plugin beautifies Jason files, making them more readable and useful for developers working with APIs.
• ❓ WhatFont plugin simplifies the process of identifying and obtaining CSS font styles used on websites.
• 👣 Bookmark Manager is recommended for efficient bookmark management to keep track of important resources.
• 😥 Wiser plugin facilitates mobile app development by mirroring actual devices on the screen, but occasional ads may be displayed.
• 🔨 Page Ruler is a useful tool for beginners to measure the height and width of webpage elements.
• 👻 Visual Inspector by Canvas allows for editing and inspection of website elements but has had past issues with malware.
• 🎮 Postman and Wiser are mentioned as honorable mentions in the video.

Questions & Answers

Q: What is the most essential Chrome plugin for developers mentioned in the video?

The speaker considers the Chrome Inspector tool as the most critical plugin for developers, as it offers features like element inspection, console operations, and network testing.

Q: How does the Momentum plugin enhance productivity for programmers?

The Momentum plugin displays a new image on each new tab, helping programmers maintain focus and set goals. Though there is a paid version available, the speaker does not mention trying it.

Q: What features does the React Developer Tool offer to developers?

The React Developer Tool provides enhanced debugging and inspection features specifically for React websites. It displays information about props and states and activates when visiting React-powered websites.

Q: How does the Mobile Responsive Web Design Tester plugin assist developers?

The Mobile Responsive Web Design Tester plugin allows developers to test the appearance of their websites on different devices and screen sizes. It offers a variety of sizes and landscape options to ensure responsiveness.

Summary & Key Takeaways

• The speaker, a programmer, shares their top 10 favorite Chrome plugins for improving productivity and workflow.

• They emphasize the usefulness of the Chrome Inspector tool, which allows for element inspection, console operations, and network testing.

• Other plugins mentioned include Momentum (provides a new image on each new tab), React Developer Tool (helpful for debugging and inspecting React websites), Mobile Responsive Web Design Tester (allows testing of website appearance on various devices), and Colorzilla (a color picker plugin).