paint-brush
4 Google Chrome Extensions That Improve My Coding Workflowby@vlaontech
22,279 reads
22,279 reads

4 Google Chrome Extensions That Improve My Coding Workflow

by Vla On TechMay 30th, 2022
Read on Terminal Reader
Read this story w/o Javascript
tldt arrow
EN

Too Long; Didn't Read

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.
featured image - 4 Google Chrome Extensions That Improve My Coding Workflow
Vla On Tech HackerNoon profile picture

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



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



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



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



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!