Broweser extensions

In this article, I will look at different browser extensions that can be really useful. I use theme everyday. All links and pictures will be presented for Chrome.

1. Vue devtools

Chrome extension link	https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd

This extension helps with debugging vue applications. It presents componenets and data attributes. We can simply change attributes values to check application behavior.

2. Vue force dev

Chrome extension link	https://chromewebstore.google.com/detail/vue-force-dev/oohfffedbkbjnbpbbedapppafmlnccmb

This extension is similar to Vue devtools but allows to check components in production. Names of componenets are changed but structure and data is possible to check.

3. Wappalyzer

Chrome extension link	https://chromewebstore.google.com/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg

This extension allows to check technology in which site was build.

4. Lorem Ipsum Generator

Chrome extension link	https://chromewebstore.google.com/detail/lorem-ipsum-generator/pglahbfamjiifnafcicdibiiabpakkkb

This extension allows to generatre lorem ipsum text.

5. VisBug

Chrome extension link	https://chromewebstore.google.com/detail/visbug/cdockenadnadldjbbgcallicgledbeoc

This extension allows to modify elements on site without touching code. It could be very usefull to present small design modifications really quick.

6. Measure everything

Chrome extension link	https://chromewebstore.google.com/detail/measure-everything/accaohnljoiaebphephigghihhpeknff

This extension allows to check spacess between elements on site.

7. ColorZilla

Chrome extension link	https://chromewebstore.google.com/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp

This extension allows to pick up color from site or from the pallete.

8. Meteor Shopware 6 Toolkit

Chrome extension link	https://chromewebstore.google.com/detail/meteor-shopware-6-toolkit/onmklnedjfgeaigmkjkldlgpeonpjpnc

This extension allows to open template design in admin panel directly from the frontend side.

9. daily.dev|The homepage developers deserve

Chrome extension link	https://chromewebstore.google.com/detail/dailydev-the-homepage-dev/jlmpjdjjbgclbocgajdjefcidcncaied

This extension opens daily.dev site in every new chrome tab.