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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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