4 Google Chrome Extensions That Improve My Coding Workflow

Written by vlaontech | Published 2022/05/30
Tech Story Tags: developer-tools | chrome | chrome-extension | coding | workflow | google-chrome | software-development | web-development

TLDRYouCode 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.via the TL;DR App

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!


Written by vlaontech | I enjoy writing about my favorite tools that help me get work done.
Published by HackerNoon on 2022/05/30