dmitry.dev / RU

Мои браузерные расширения

Я использую Google Chrome, это мой основной браузер. А ещё я люблю расширения. Они добавляют новую функциональность и позволяют автоматизировать работу тем самым экономя время.

Иногда некоторые расширения становятся неактуальными т.к. браузеры добавили функциональность или внедрили расширение целиком (например расширение Password Checkup было полностью интегрировано в Google Chrome).

Вот список моих текущих расширений. Вы можете установить их по прямым ссылкам из магазина расширений.

  1. WappalyzerWappalyzer и WhatrunsWhatruns

    Как разработчику мне интересны технологии которые используют компании на своих сайтах. У меня сразу 2 расширения, которые помают их определять. Это Wappalyzer и Whatruns. Они дополняют друг друга в ситуациях, когда кто-то не справляется или показывает неполную информацию.

  2. Fonts NinjaFonts Ninja

    Определения шрифта. Я использую Fonts Ninja, это расширение знает о названии шрифта, его размере, межстрочном расстоянии и т.д.

  3. ColorPick EyedropperColorPick Eyedropper и ColorZillaColorZilla

    Определение цвета. Мне нравится расширение ColorPick Eyedropper, которое в 2 клика показывает выбранный цвет в HEX или RGB. ColorZilla делает то же самое, только в 3 клика.

    ColorZilla также умеет показывать палитру цветов всего сайта или средний цвет в области пикселей. ColorPick Eyedropper удобнее по своему прямому назначению, а ColorZilla более функциональнее.

  4. Page Ruler ReduxPage Ruler Redux и DimensionsDimensions

    Определение размеров. Page Ruler Redux долгое время был моим основным инструментом для измерений. Но сейчас почти всё время я использую Dimensions. Оно стало просто находкой для меня, я не знаю почему о нём мало пишут.

    Это расширение показывает расстояние между элементами. Причём делает это автоматически т.к. работает напрямую с пикселями. В отличие от Page Ruler Redux, где необходимо вручную выделить измеряемую область.

    Но это плохо работает с изображениями, потому что там цвета сильно меняются от пикселя к пикселю. Также если нужны размеры всего блока, то к измерениям Dimensions необходимо добавлять размеры границ.

  5. Awesome Screenshot Screen RecorderAwesome Screenshot Screen Recorder

    Сделать скриншот выбранной области или всей страницы полностью помогает Awesome Screenshot & Screen Recorder. Также оно умеет записывать видео.

  6. Talend API TesterTalend API Tester

    Talend API это красивый аналог Postman для тестирования API. Можно сохранить и сгруппировать все запросы по разным проектам. Очень удобное и красивое расширение.

  7. EditThisCookieEditThisCookie

    Удобное управление cookie. Иногда интересно посмотреть какую информацию хранят в куках различные сайты. Также легко изменять и удалять cookie во время тестирования проектов.

  8. LanguageToolLanguageTool

    Проверка правописания. Я использую LanguageTool т.к. оно поддерживает сразу несколько языков.

  9. PerfectPixelPerfectPixel

    Расширение PerfectPixel можно включить в комплект frontend-разработчика (вместе с определением размеров, цвета и шрифта). Оно поможет верстать пиксель в пиксель.

  10. Humble New Tab PageHumble New Tab Page и daily.devdaily.dev

    Существует множество расширений для стартовых страниц. Я долгое время использовал Humble New Tab Page, оно просто группирует сайты, а также показывает самые посещаемые.

    Недавно я установил daily.dev и использую его по настоящее время. Это агрегатор статей и новостей с различных сайтов и блогов разработчиков.

    Обычно расширения для стартовых страниц заменяют друг друга. Поэтому нужно выбрать и использовать только одно.

  11. Octotree - GitHub code treeOctotree

    Octotree — GitHub code tree упрощает навигацию по файлам Github репозитория. С его помощью необязательно каждый раз клонировать проекты.

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