ColorZilla

Одно из самых популярных расширений для Chrome и Firefox - ColorZilla, которое позволяет определить цвет на странице сайта. Все, что вам нужно, это нажать на значок расширения ColorZilla и навести курсор на цвет, который вы хотите скопировать. Это быстро, просто и эффективно. Нажав на кнопку «Webpage Color Analyzer» можно посмотреть все цвета на веб-странице.

WhatFont

Самый простой способ найти шрифты на сайте - это WhatFont. Он имеет ту же механику, что и предыдущее расширение, нажмите на кнопку расширения WhatFont и начать перемещать курсор по всему сайту, и когда вы наведете курсор на текст, он покажет, какой это шрифт.

PerfectPixel

PerfectPixel - это расширение, которое поможет вам разработать ваш сайт с точностью до пикселя. Вы создаете свой собственный проект, и он добавляет полупрозрачное изображение поверх. Благодаря этому вы сможете сделать свой сайт все лучше и лучше, в полном соответсвии с макетом, буквально до пикселя.

BrowserStack

BrowserStack - еще одно исключительно полезное расширение Chrome для веб-разработчиков. Оно позволяет посмотреть свой сайт на различных браузерах, а значит протестировать кросс-браузерность. 

Установите расширение, откройте свою страницу в Chrome, на кнопку расширения BrowserStack и на вкладке выберите вариант устройства. После этого страница будет отображаться с помощью эмуляции браузера на данном устройстве. Просто, но очень эффективно. Для корректной работы расширения вам потребуется учетная запись BrowserStack.

CSS Viewer

CSS Viewer - еще одно простое, но очень эффективное расширение для веб-разработчиков. Как следует из названия, он показывает свойства CSS открытой страницы. Нажмите на кнопку расширения CSSViewer, и куда бы вы ни навели курсор мыши появляется небольшое всплывающее окно, в котором отображаются CSS свойства этого элемента.

Svg-grabber

Иногда вы видите интересную SVG-иконку на чужом сайте или просто удалили файл со своего компьютера и хотите скопировать его с собственного сайта. Svg-Grabber может показать вам все SVG иконки на веб-странице, и вы сможете легко скачать их. Очень простое, но очень полезное расширение.

Lorem Ipsum Generator

Lorem Ipsum Generator - одно из лучших расширений для генерации текста. Оно генерирует классический текст-заполнитель (текст-«рыба») для демонстрационных веб-сайтов и делает это хорошо.

Просто установите расширение, выберите его на странице, укажите ему, сколько копий Lorem Ipsum вы хотите сгенерировать, и скопируйте их из окна. Вставьте его на свою страницу, и все готово.