7 розширень Google Chrome для веб-програмістів і не тільки

Мабуть всі вико­ри­сто­ву­ють Google Chrome, тому вирі­шив роз­ка­за­ти про декіль­ка кори­сних Chrome роз­ши­рень для веб-розробників.

---

Web Developer для вер­сталь­ни­ка: змі­на сто­рін­ки з метою тесту­ва­н­ня та аудиту

Цей пла­гін є швей­цар­ським ножем для вер­сталь­ни­ка. Він дозво­ляє пере­ві­ря­ти верс­тку, роби­ти аудіт.

Напри­клад, ми хоче­мо дізна­ти­ся як буде пра­цю­ва­ти сайт з вимкне­ним JavaScript, або якщо вимкне­ні всі зобра­же­н­ня, або коли вимкне­ні всі інлайн еле­мен­ти. Та ще бага­то іншого.

Роз­ши­ре­н­ня Web Developer у Chrome Web Store:

Web Developer chromewebstore.google.com

---

Marinara: Pomidoro тай­мер для під­ви­ще­н­ня вла­сної продуктивності

Цей пла­гін дозво­ляє вико­ри­сто­ву­ва­ти метод вла­сної огра­ні­за­ції часу нази­ва­є­мий Pomidoro.

Це коли ви роби­те 5‑хвилинні пере­р­ви кожні 25 хви­лин, а після 4‑х циклів роби­те вели­ку перерву.

Метод дозво­ляє сут­тє­во під­ви­щи­ти про­ду­ктив­ність, так як ви не пере­на­ван­та­жу­є­те себе.

Бону­сом є гра­фі­ки, які демон­стру­ють вашу активність.

Роз­ши­ре­н­ня Marinara у Chrome Web Store:

chromewebstore.google.com

---

SimilarWeb – пока­зує при­бли­зні цифри від­ві­ду­ва­но­сті сайта

Кори­сне роз­ши­ре­н­ня для вияв­ле­н­ня пока­зни­ків від­ві­ду­ва­но­сті сай­та. Допо­мо­гає зро­зу­мі­ти наскіль­ки попу­ляр­ним є веб-сайт. У випад­ку, якщо від­ві­ду­ва­ність зама­ла – є сенс поди­ви­тись на більш від­ві­ду­ва­ні аналоги.

Поси­ла­н­ня на SimilarWeb у Chrome Web Store:

Similarweb - Traffic Rank & Website Analysis chromewebstore.google.com

---

ColorZilla – піпє­тка або color-picker для копі­ю­ва­н­ня кольо­ру з веб-сторінки

Це роз­ши­ре­н­ня дозво­ляє швид­ко вияви­ти та ско­пі­ю­ва­ти необ­хі­дний колір з веб-сто­рін­ки. Ста­не у при­го­ді як вер­сталь­ни­кам, так і дизайнерам.

Поси­ла­н­ня на ColorZilla у Chrome Web Store:

ColorZilla chromewebstore.google.com

---

WhatFont – піпє­тка або font-picker для вияв­ле­н­ня назви шри­фта та текс­то­вих пара­ме­трів на веб-сторінці

Схо­же на ColorZilla роз­ши­ре­н­ня, яке дозво­ляє дізна­ти­ся про те який шрифт вико­ри­сто­ву­є­ться на сто­рін­ці, та інші пара­ме­три як накре­сле­н­ня та інтенсивність.

Поси­ла­н­ня на WhatFont у Chrome Web Store:

WhatFont chromewebstore.google.com

---

Wappalyzer дозво­ляє дізна­ти­ся набір техно­ло­гій, вико­ри­сто­ву­є­мих на сторінці

Якщо ви хоче­те дізна­ти­ся які техно­ло­гії вико­ри­сто­ву­ю­ться на цьо­му вам сай­ті, то Wappalyzer зро­бли­ний саме з цієї мети.

Після пере­хо­ду на сто­рін­ку доста­тньо нати­сну­ти на ікон­ку роз­ши­ре­н­ня та поба­чи­ти спи­сок з фрей­мор­ків та сервисів.

Поси­ла­н­ня на Wappalyzer у Chrome Web Store:

Wappalyzer - Technology profiler chromewebstore.google.com

---

Cпи­сок ство­ре­ний зав­дя­ки цому відео, яке зда­ло­ся мені дуже кори­сним. Собі вста­но­вив роз­ши­ре­н­ня Web Developer, Similarweb та Wappolizer та розширення-піпєтки.

Які роз­ши­ре­н­ня з цьо­го спи­ску вже вста­нов­ле­ні у вас, або ви тіль­ки узна­ли та встановили?