4 Google Chrome Extensions That Improve My Coding Workflowโ€‚by@vlaontech

4 Google Chrome Extensions That Improve My Coding Workflow

May 30th 2022 20,590 reads
Read on Terminal Reader
Open TLDR
react to story with heart
react to story with light
react to story with boat
react to story with money
YouCode is a new type of search engine built for developers. It allows you to copy coding snippets from StackOverflow, W3 Schools or Geeks for Geeks right from the search results page. Wappalyzer makes it easy to find out what CRM, frameworks, ecommerce platforms, Javascript libraries, server software, analytics tools, payment processors, marketing tools and more websites are built with. I can highly encourage you to check these extensions out and hope you will be able to find value using them.
image
Vla On Tech HackerNoon profile picture

Vla On Tech

I enjoy writing about my favorite tools that help me get work done.

If youโ€™re like me, you will likely have a collection of favorite Google Chrome coding extensions that help you get your work done better. Over time, I have found these 4 Chrome extensions to be especially useful for my coding workflow. They will help you be more efficient, save time and just give you a overall better coding experience!


I can encourage you to check them out and make sure to comment on what your favorite extensions are.


1. YouCode (You.com)

YouCode is a new type of search engine built for developers. It allows you to copy coding snippets from StackOverflow, W3 Schools or Geeks for Geeks right from the the search results page and view content in side panels, which has been an absolute game changer for me. YouCode supports over 20+ popular coding websites (including Github and Towards Data Science) and also has a JSON validator and Color Picker built right in. This extension is an absolute time saver for me.


Link to the Chrome extension:

https://chrome.google.com/webstore/detail/youcom/afiglppdonkdbkkaghbnpklddbemkbpj


image


2. Web Developer

This extension adds a whole toolbar with various web development tools to your browser and is a must have for anyone doing web dev. Display div dimensions, view JavaScript, disable CSS styles, display alt attributes or view meta tag information are only a tiny fraction of what this tool can do.


Link to the extension:

https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm


image


3. Window Resizer for Developer

To make sure your work is looking good on all screen sizes, this extension allows you to switch through different screen resolutions quickly and see if your media breakpoints are working as expected.


Link to the extension:

https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh/related


image


4. Wappalyzer

Wappalyzer makes it easy to find out what CRM, frameworks, ecommerce platforms, Javascript libraries, server software, analytics tools, payment processors, marketing tools and more websites are built with. Understand better how websites work and which technologies could also be useful for your own work.


Link to the extension:

https://chrome.google.com/webstore/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg/related?hl=en


image


I can highly encourage you to check these extensions out and hope you will be able to find value using them. I would love to hear your opinion and make sure to share your favorite extensions in the comments too!

react to story with heart
react to story with light
react to story with boat
react to story with money
L O A D I N G
. . . comments & more!