Мои браузерные расширения
Я использую Google Chrome, это мой основной браузер. А ещё я люблю расширения. Они добавляют новую функциональность и позволяют автоматизировать работу тем самым экономя время.
Иногда некоторые расширения становятся неактуальными т.к. браузеры добавили функциональность или внедрили расширение целиком (например расширение Password Checkup было полностью интегрировано в Google Chrome).
Вот список моих текущих расширений. Вы можете установить их по прямым ссылкам из магазина расширений.
Wappalyzer и
Whatruns
Как разработчику мне интересны технологии которые используют компании на своих сайтах. У меня сразу 2 расширения, которые помают их определять. Это Wappalyzer и Whatruns. Они дополняют друг друга в ситуациях, когда кто-то не справляется или показывает неполную информацию.
Fonts Ninja
Определения шрифта. Я использую Fonts Ninja, это расширение знает о названии шрифта, его размере, межстрочном расстоянии и т.д.
ColorPick Eyedropper и
ColorZilla
Определение цвета. Мне нравится расширение ColorPick Eyedropper, которое в 2 клика показывает выбранный цвет в HEX или RGB. ColorZilla делает то же самое, только в 3 клика.
ColorZilla также умеет показывать палитру цветов всего сайта или средний цвет в области пикселей. ColorPick Eyedropper удобнее по своему прямому назначению, а ColorZilla более функциональнее.
Page Ruler Redux и
Dimensions
Определение размеров. Page Ruler Redux долгое время был моим основным инструментом для измерений. Но сейчас почти всё время я использую Dimensions. Оно стало просто находкой для меня, я не знаю почему о нём мало пишут.
Это расширение показывает расстояние между элементами. Причём делает это автоматически т.к. работает напрямую с пикселями. В отличие от Page Ruler Redux, где необходимо вручную выделить измеряемую область.
Но это плохо работает с изображениями, потому что там цвета сильно меняются от пикселя к пикселю. Также если нужны размеры всего блока, то к измерениям Dimensions необходимо добавлять размеры границ.
Awesome Screenshot Screen Recorder
Сделать скриншот выбранной области или всей страницы полностью помогает Awesome Screenshot & Screen Recorder. Также оно умеет записывать видео.
Talend API Tester
Talend API это красивый аналог Postman для тестирования API. Можно сохранить и сгруппировать все запросы по разным проектам. Очень удобное и красивое расширение.
EditThisCookie
Удобное управление cookie. Иногда интересно посмотреть какую информацию хранят в куках различные сайты. Также легко изменять и удалять cookie во время тестирования проектов.
LanguageTool
Проверка правописания. Я использую LanguageTool т.к. оно поддерживает сразу несколько языков.
PerfectPixel
Расширение PerfectPixel можно включить в комплект frontend-разработчика (вместе с определением размеров, цвета и шрифта). Оно поможет верстать пиксель в пиксель.
Humble New Tab Page и
daily.dev
Существует множество расширений для стартовых страниц. Я долгое время использовал Humble New Tab Page, оно просто группирует сайты, а также показывает самые посещаемые.
Недавно я установил daily.dev и использую его по настоящее время. Это агрегатор статей и новостей с различных сайтов и блогов разработчиков.
Обычно расширения для стартовых страниц заменяют друг друга. Поэтому нужно выбрать и использовать только одно.
Octotree
Octotree — GitHub code tree упрощает навигацию по файлам Github репозитория. С его помощью необязательно каждый раз клонировать проекты.
Есть множество других расширений, например по управлению музыкой или работе с почтой. Всегда можно найти что-то полезное для себя и оптимизировать свою работу.