Полезные расширения Google Chrome для веб-разработчиков

Ниже будет небольшая подборочка 🙂

Полезные расширения Google Chrome для веб-разработчиков:

  • PerfectPixel — расширение, помогающее верстать с пиксельной точностью. То есть, вы выбираете изображение (макет разрабатываемого сайта) и регулируя его положение на странице, с легкостью сможете сверстать сайт, идеально совпадающий с макетом. Также есть возможность настроить прозрачность, масштаб и инверсию данной подложки.
Настройки PerfectPixel
Настройки PerfectPixel
  • WhatFont — расширение, с помощью которого можно быстро и легко определить, какой шрифт используется на сайте. Оно безошибочно отображает свойства: font-family, font-style, font-weight, font-size, line-height и color.
WhatFont в действии
WhatFont в действии
  • Wappalyzer — инструмент, позволяющий выяснить, какие технологии используются на том или ином сайте. Например, он четко определяет фреймворки, веб-сервера, языки программирования, и многое другое, что используется на сайте.
Wappalyzer
Wappalyzer
  • ColorPick Eyedropper — помогает определить цвета на сайте. Иногда не хочется лишний раз лезть в консоль, искать нужный элемент и его стили, а с данным расширением вы сможете делать это точно и быстро.
ColorPick Eyedropper — выделяем нужный пиксель
ColorPick Eyedropper — выделяем нужный пиксель
ColorPick Eyedropper — видим результат, который можно скопировать
ColorPick Eyedropper — видим результат, который можно скопировать
  • FireShot — хорошая штука для создания скриншотов. Хотя скриншоты можно делать и стандартными способами вашей системы (клавиша PrintScreen, к примеру), но это расширение позволяет захватывать весь сайт, выделенную область, видимую область и экспортировать получившиеся изображения в разных форматах (PDF/JPEG/GIF/PNG/BMP).