Дизайнеры тратят много времени на однотипные задачи: подбор цветов, анализ шрифтов, проверку адаптивов, а также на поиск референсов и вдохновения. Многие из этих процессов можно автоматизировать или ускорить с помощью плагинов для браузера.
В статье собрали 34 полезных инструмента, совместимых с Google Chrome и Яндекс.Браузером. Они упростят работу, избавят от рутины и предоставят быстрый доступ к необходимым инструментам.
В статье собрали 34 полезных инструмента, совместимых с Google Chrome и Яндекс.Браузером. Они упростят работу, избавят от рутины и предоставят быстрый доступ к необходимым инструментам.
Содержание:
Что такое плагины и как их установить
Плагины — это небольшие программы, которые добавляют новые функции в браузер и помогают решать конкретные задачи, не переключаясь на сторонние сервисы. Такие расширения для каждого браузера можно загрузить из официального магазина:
-
Chrome -
Mozilla Firefox -
Яндекс.Браузер -
Microsoft Edge -
Opera
Все плагины из подборки совместимы с Google Chrome. Их можно установить и в Яндекс. Браузер, так как он поддерживает расширения как из собственного магазина, так и из Chrome Web Store.
Для Opera и Firefox есть свои версии приложений, которые можно найти по названию через поиск в магазинах этих браузеров. Большинство перечисленных инструментов бесплатные, но некоторые предлагают расширенные функции за дополнительную плату.
Для Opera и Firefox есть свои версии приложений, которые можно найти по названию через поиск в магазинах этих браузеров. Большинство перечисленных инструментов бесплатные, но некоторые предлагают расширенные функции за дополнительную плату.
Как установить плагин в браузер?
1
Перейдите в магазин расширений вашего браузера.
2
Введите название нужного плагина в поиске.
3
Откройте страницу плагина и нажмите кнопку «Установить»
4
Подтвердите установку, следуя подсказкам браузера.
5
После установки значок расширения появится на панели инструментов в верхней части окна или в разделе «Меню». Браузер подсветит, где появилась иконка плагина.
6
Если расширение требует авторизации или дополнительных настроек, откройте его параметры, нажав на лого плагина.
Работа с цветом
ColorZilla — узнать цвет
Определит цвет на странице и проанализирует палитру. ColorZilla умеет генерировать CSS-градиенты, подбирать гармоничные сочетания (комплементарные, триадные, аналогичные) и сохранять историю недавно выбранных оттенков. Работает как инструмент «пипетка» в графических редакторах, позволяя мгновенно получить цветовой код в HEX, RGB или HSL.
Поможет быстро определить цвет логотипа на сайте, подобрать палитру или сделать градиент, подходящий цветовой гамме сайта.
Определит цвет на странице и проанализирует палитру. ColorZilla умеет генерировать CSS-градиенты, подбирать гармоничные сочетания (комплементарные, триадные, аналогичные) и сохранять историю недавно выбранных оттенков. Работает как инструмент «пипетка» в графических редакторах, позволяя мгновенно получить цветовой код в HEX, RGB или HSL.
Поможет быстро определить цвет логотипа на сайте, подобрать палитру или сделать градиент, подходящий цветовой гамме сайта.
Site Palette — создать цветовую палитру
Анализирует цвета страницы и создаёт готовые палитры. Site Palette умеет экспортировать палитры в формате Google Palette или Adobe Swatch.
Подойдёт для вдохновения и работы с референсами, поиска удачных цветовых сочетаний. Например, если работаете над редизайном и хотите сохранить цветовой баланс старого сайта, плагин поможет выделить основные оттенки.
Анализирует цвета страницы и создаёт готовые палитры. Site Palette умеет экспортировать палитры в формате Google Palette или Adobe Swatch.
Подойдёт для вдохновения и работы с референсами, поиска удачных цветовых сочетаний. Например, если работаете над редизайном и хотите сохранить цветовой баланс старого сайта, плагин поможет выделить основные оттенки.
Инструменты для работы со шрифтами и типографикой
WhatFont — определить шрифт
Определяет шрифт в любом месте на сайте. Плагин показывает название, размер, цвет и семейство шрифта. Работает быстрее, чем встроенные инструменты разработчика.
Подойдёт, когда нужно быстро узнать, какой шрифт использован на сайте, без необходимости заглядывать в код.
Определяет шрифт в любом месте на сайте. Плагин показывает название, размер, цвет и семейство шрифта. Работает быстрее, чем встроенные инструменты разработчика.
Подойдёт, когда нужно быстро узнать, какой шрифт использован на сайте, без необходимости заглядывать в код.
Включите плагин и поставьте курсор в любой текстовый блок на сайте — появится окно с характеристиками шрифта.
Font Ninja — протестировать шрифт
Распознаёт шрифты и позволяет протестировать их прямо в браузере. Font Ninja позволяет ввести свой текст и оценить, как он будет выглядеть в разных шрифтах. Плагин работает с Google Fonts и коммерческими гарнитурами и сразу показывает их стоимость.
Будет полезным, если хотите попробовать нестандартный шрифт для дизайн-проекта прежде, чем его покупать.
Распознаёт шрифты и позволяет протестировать их прямо в браузере. Font Ninja позволяет ввести свой текст и оценить, как он будет выглядеть в разных шрифтах. Плагин работает с Google Fonts и коммерческими гарнитурами и сразу показывает их стоимость.
Будет полезным, если хотите попробовать нестандартный шрифт для дизайн-проекта прежде, чем его покупать.
Google Font Previewer — примерить шрифт
Позволяет тестировать шрифты без редактирования CSS. Google Font Previewer временно меняет типографику отдельных элементов или всей страницы, чтобы вы оценили, как шрифт смотрится в проекте.
Будет полезно, если клиент просит «поиграть со шрифтами» — сможете показать визуал, не залезая в код. В плагине можно собрать коллекцию шрифтов, которые часто используете, для быстрого доступа.
Позволяет тестировать шрифты без редактирования CSS. Google Font Previewer временно меняет типографику отдельных элементов или всей страницы, чтобы вы оценили, как шрифт смотрится в проекте.
Будет полезно, если клиент просит «поиграть со шрифтами» — сможете показать визуал, не залезая в код. В плагине можно собрать коллекцию шрифтов, которые часто используете, для быстрого доступа.
Изображения, видео и аудио
Image Downloader — скачать изображения
Упрощает скачивание изображений для проекта с любых сайтов. Плагин анализирует открытую в браузере страницу и собирает все изображения в одно окно — можете скачать все картинки одним кликом или выбрать только те, которые необходимы.
Например, вы собрали подборку на Pinterest для мудборда — можете скачать все изображения с доски за один клик.
Упрощает скачивание изображений для проекта с любых сайтов. Плагин анализирует открытую в браузере страницу и собирает все изображения в одно окно — можете скачать все картинки одним кликом или выбрать только те, которые необходимы.
Например, вы собрали подборку на Pinterest для мудборда — можете скачать все изображения с доски за один клик.
При включении плагина откроется дополнительное окно, в котором будут собраны все картинки с открытой страницы. Платные изображения со стоков будут скачиваться с водяными знаками.
SVG Grabber — извлечь SVG-файлы
Позволяет просматривать, копировать и извлекать SVG-файлы с любого сайта. При включении расширения все векторные изображения появятся на экране, и под каждым из них будет кнопка Download для загрузки картинки.
Будет полезным, когда срочно нужен логотип компании в SVG, а запрашивать файлы нет времени.
Позволяет просматривать, копировать и извлекать SVG-файлы с любого сайта. При включении расширения все векторные изображения появятся на экране, и под каждым из них будет кнопка Download для загрузки картинки.
Будет полезным, когда срочно нужен логотип компании в SVG, а запрашивать файлы нет времени.
Картинки из интернета: как использовать и не нарушать закон
Icons8 — проиллюстрировать Google Doc
Вставляет иконки и изображения из большой библиотеки прямо в Google Документы, Презентации и Таблицы без скачивания и загрузки вручную.
Удобно, если собираете мудборд и референсы для клиента — можно быстро находить и добавлять иллюстрации, не переключаясь на сторонние ресурсы.
Вставляет иконки и изображения из большой библиотеки прямо в Google Документы, Презентации и Таблицы без скачивания и загрузки вручную.
Удобно, если собираете мудборд и референсы для клиента — можно быстро находить и добавлять иллюстрации, не переключаясь на сторонние ресурсы.
Video DownloadHelper — скачать видео
Скачивает видео и аудио с любых сайтов. С помощью плагина прямо в браузере можете конвертировать видео практически в любой формат, например, MP4, MKV, WebM.
Будет полезно, когда необходимо загрузить видео на сайт, исходника у клиента нет, но оно загружено на видеоплатформу.
Скачивает видео и аудио с любых сайтов. С помощью плагина прямо в браузере можете конвертировать видео практически в любой формат, например, MP4, MKV, WebM.
Будет полезно, когда необходимо загрузить видео на сайт, исходника у клиента нет, но оно загружено на видеоплатформу.
Анализ и редактирование страниц
Page Ruler — измерить элементы страницы
Измеряет любые элементы сайта, отступы и расстояния между блоками. Плагин поддерживает пиксели, проценты, миллиметры и другие единицы измерения.
Подойдёт для проверки соответствия макета техническим требованиям, а также для того, чтобы посмотреть используемые пропорции в найденных референсах.
Измеряет любые элементы сайта, отступы и расстояния между блоками. Плагин поддерживает пиксели, проценты, миллиметры и другие единицы измерения.
Подойдёт для проверки соответствия макета техническим требованиям, а также для того, чтобы посмотреть используемые пропорции в найденных референсах.
CSS Peeper — проанализировать CSS-стили
Показывает CSS-стили любого элемента на странице, включая цвета, шрифты, размеры и отступы. Помимо этого, CSS Peeper позволяет просматривать иллюстрации, текстовые документы, файлы вёрстки и видеофайлы.
Плагин поможет проанализировать чужой дизайн или проверить, как реализован ваш макет.
Показывает CSS-стили любого элемента на странице, включая цвета, шрифты, размеры и отступы. Помимо этого, CSS Peeper позволяет просматривать иллюстрации, текстовые документы, файлы вёрстки и видеофайлы.
Плагин поможет проанализировать чужой дизайн или проверить, как реализован ваш макет.
Visual Inspector UI — отредактировать стили
Позволяет временно изменять стили, проверять отступы, цвета, шрифты и другие параметры сайта, без внесения правок в код.
Подойдёт для быстрого тестирования изменений. Например, клиент попросил изменить цвет кнопки — можете сначала показать, как это будет выглядеть, а после согласования редактировать код.
Позволяет временно изменять стили, проверять отступы, цвета, шрифты и другие параметры сайта, без внесения правок в код.
Подойдёт для быстрого тестирования изменений. Например, клиент попросил изменить цвет кнопки — можете сначала показать, как это будет выглядеть, а после согласования редактировать код.
Wappalyzer — определить используемые решения
Анализирует сайт и показывает, какие решения на нём использованы: язык программирования, фреймворки, серверные технологии, CMS-, CRM-системы и счётчики аналитики.
Будет полезен при исследовании рынка и конкурентов, поиске новых технологических решений, SEO-оптимизации и аудите безопасности сайта.
Анализирует сайт и показывает, какие решения на нём использованы: язык программирования, фреймворки, серверные технологии, CMS-, CRM-системы и счётчики аналитики.
Будет полезен при исследовании рынка и конкурентов, поиске новых технологических решений, SEO-оптимизации и аудите безопасности сайта.
Включите плагин, во всплывающем окне появится информация об используемых технических решениях на открытом сайте. Отчёт можно экспортировать. Пример сайта из галереи #madeontilda: individual.ibicheskiy.ru
Broken Link Checker — найти битые ссылки
Анализирует сайты на наличие неработающих ссылок, недоступных изображений и некорректных редиректов. Умеет просматривать посты, страницы, комментарии и пользовательские поля. Для битых ссылок можно применить отдельный стиль и запретить поисковикам следовать по ним.
Анализирует сайты на наличие неработающих ссылок, недоступных изображений и некорректных редиректов. Умеет просматривать посты, страницы, комментарии и пользовательские поля. Для битых ссылок можно применить отдельный стиль и запретить поисковикам следовать по ним.
Lighthouse — провести аудит сайта
Проверяет скорость загрузки, удобство использования и SEO-оптимизацию сайта. Поддерживает проверку соответствия стандартам PWA (соблюдение передовых практик). После проверки предоставит отчёт, укажет на слишком тяжелые изображения или некорректные мета-теги и предложит пути оптимизации. Будет полезно для самостоятельного проведения аудита сайта.
Проверяет скорость загрузки, удобство использования и SEO-оптимизацию сайта. Поддерживает проверку соответствия стандартам PWA (соблюдение передовых практик). После проверки предоставит отчёт, укажет на слишком тяжелые изображения или некорректные мета-теги и предложит пути оптимизации. Будет полезно для самостоятельного проведения аудита сайта.
Скриншоты и запись экрана
Хромированный захват — сделать скриншот
Делает скриншот страницы целиком или только выделенной области. Позволяет редактировать изображение перед сохранением: можно добавлять аннотации, стрелки и текстовые пометки, а также размывать конфиденциальные данные.
Делает скриншот страницы целиком или только выделенной области. Позволяет редактировать изображение перед сохранением: можно добавлять аннотации, стрелки и текстовые пометки, а также размывать конфиденциальные данные.
Loom — записать видеоинструкции
Позволяет записывать видео с экрана и добавлять голосовые комментарии. Можно записать комментарии и правки коллегам, объяснить предлагаемые решения клиенту или сделать короткие видеоинструкции, как управлять сайтом. Позволяет записывать весь экран или отдельную вкладку браузера.
Позволяет записывать видео с экрана и добавлять голосовые комментарии. Можно записать комментарии и правки коллегам, объяснить предлагаемые решения клиенту или сделать короткие видеоинструкции, как управлять сайтом. Позволяет записывать весь экран или отдельную вкладку браузера.
Прототипирование и тестирование
Window Resizer — проверить адаптивы
Позволяет протестировать адаптивность дизайна перед передачей проекта клиенту. Поддерживает предустановленные размеры для популярных устройств: смартфонов, планшетов, ноутбуков, мониторов. Можете также настроить свои размеры окон для проверки специфических разрешений.
Позволяет протестировать адаптивность дизайна перед передачей проекта клиенту. Поддерживает предустановленные размеры для популярных устройств: смартфонов, планшетов, ноутбуков, мониторов. Можете также настроить свои размеры окон для проверки специфических разрешений.
Perfect Pixel — сравнить с макетом
Поможет сравнить готовый сайт с макетом. Расширение помещает поверх страницы полупрозрачное изображение исходного дизайна — сможете сверить каждый пиксель. Также плагин можно использовать для сравнения векторных изображений. Например, чтобы логотипы и иконки одинаково выглядели на всех типах устройств.
Поможет сравнить готовый сайт с макетом. Расширение помещает поверх страницы полупрозрачное изображение исходного дизайна — сможете сверить каждый пиксель. Также плагин можно использовать для сравнения векторных изображений. Например, чтобы логотипы и иконки одинаково выглядели на всех типах устройств.
При запуске плагина откроется окно с распространёнными размерами мобильных устройств. Переключайтесь между ними, чтобы проверить адаптивы. Пример сайта из галереи #madeontilda: nordagency.ru
Google Tag Assistant — проверить теги GTM
Находит, проверяет и устраняет неполадки при установке тегов Google (GTM) на сайт. С их помощью на сайт можно интегрировать сторонние коды, вроде пикселей соцсетей или систем аналитики. Расширение автоматически анализирует код, выявляет возможные проблемы и даёт рекомендации по их устранению.
Пригодится для проведения технического аудита сайта, например, чтобы выявить проблемы сбора статистики.
Находит, проверяет и устраняет неполадки при установке тегов Google (GTM) на сайт. С их помощью на сайт можно интегрировать сторонние коды, вроде пикселей соцсетей или систем аналитики. Расширение автоматически анализирует код, выявляет возможные проблемы и даёт рекомендации по их устранению.
Пригодится для проведения технического аудита сайта, например, чтобы выявить проблемы сбора статистики.
Вдохновение и насмотренность
Muzli — найти референсы
Собирает свежие идеи, тренды и референсы с платформ для дизайнеров, таких как Dribbble, Behance, Awwwards и подобных.
Поможет вдохновиться и найти референсы. Muzli можно настроить под свои интересы, чтобы показывать только релевантный контент. Например, когда нужны идеи для создания интернет-магазина, открываете расширение, выставляете необходимые фильтры и видите примеры похожих сайтов.
Собирает свежие идеи, тренды и референсы с платформ для дизайнеров, таких как Dribbble, Behance, Awwwards и подобных.
Поможет вдохновиться и найти референсы. Muzli можно настроить под свои интересы, чтобы показывать только релевантный контент. Например, когда нужны идеи для создания интернет-магазина, открываете расширение, выставляете необходимые фильтры и видите примеры похожих сайтов.
Плагин позволит быстро переключатся на Muzli — с помощью поиска можно искать референсы на заданную тему или просмотреть последние тренды из мира веб-дизайна.
Evernote Web Clipper — сохранить идеи
Имитирует цифровую книгу, в которую можно складывать идеи и источники из интернета для вдохновения. Сюда можно добавлять любимые цвета, интересные варианты реализации разных функций, например, анимации или переходы, иконки, шрифты и статьи. Плагин позволяет присваивать метки сохранениям, чтобы быстро находить нужный контент по ключевым словам.
Имитирует цифровую книгу, в которую можно складывать идеи и источники из интернета для вдохновения. Сюда можно добавлять любимые цвета, интересные варианты реализации разных функций, например, анимации или переходы, иконки, шрифты и статьи. Плагин позволяет присваивать метки сохранениям, чтобы быстро находить нужный контент по ключевым словам.
Сохранить в Pinterest — собрать мудборд
Сохраняет любую интересную находку из интернета в Pinterest, чтобы вернуться к ней позже. Создавайте доски с референсами, мудборды, а также всё, что вас может вдохновить, когда нужны свежие идеи. В плагин встроена технология визуального обнаружения для поиска похожих идей по картинке. Будет особенно полезно, когда клиент собрал свои референсы, а вам надо найти визуально похожие идеи и решения.
Сохраняет любую интересную находку из интернета в Pinterest, чтобы вернуться к ней позже. Создавайте доски с референсами, мудборды, а также всё, что вас может вдохновить, когда нужны свежие идеи. В плагин встроена технология визуального обнаружения для поиска похожих идей по картинке. Будет особенно полезно, когда клиент собрал свои референсы, а вам надо найти визуально похожие идеи и решения.
Как веб-дизайнеру развивать насмотренность
Instapaper — читать офлайн
Формирует списки для чтения интересных публикаций и подборок на потом. Позволяет организовывать страницы в папки, к которым можно получить доступ с любого устройства. Материалы будут доступны даже без подключения к интернету — сможете почитать собранное в самолёте.
Формирует списки для чтения интересных публикаций и подборок на потом. Позволяет организовывать страницы в папки, к которым можно получить доступ с любого устройства. Материалы будут доступны даже без подключения к интернету — сможете почитать собранное в самолёте.
Организация работы
Управление временем
Bardeen — оптимизировать процессы
Создаёт сценарии для автоматизации рутинных задач. Например, вы получили письмо с правками от клиента, плагин может автоматически создать задачу в Trello или Asana, прикрепив в карточку список необходимых правок, а клиенту отправит письмо, что вы взяли комментарии в работу. Работает с большинством популярных приложений, типа Google Sheets, Zoom, Trello и другими.
Создаёт сценарии для автоматизации рутинных задач. Например, вы получили письмо с правками от клиента, плагин может автоматически создать задачу в Trello или Asana, прикрепив в карточку список необходимых правок, а клиенту отправит письмо, что вы взяли комментарии в работу. Работает с большинством популярных приложений, типа Google Sheets, Zoom, Trello и другими.
Todoist — спланировать задачи
Поможет спланировать дела: приоритизировать задачи, помечать важное, ставить дедлайны и получать напоминания. Можете организовать разные списки дел, разделив их на рабочие и домашние. К задачам можно подключать коллег или членов семьи, чтобы они тоже отслеживали статус.
Поможет спланировать дела: приоритизировать задачи, помечать важное, ставить дедлайны и получать напоминания. Можете организовать разные списки дел, разделив их на рабочие и домашние. К задачам можно подключать коллег или членов семьи, чтобы они тоже отслеживали статус.
С помощью плагина задачи на день всегда будут под рукой, одним кликом можно открыть список в любой момент, не переключаясь на сторонние сервисы.
StayFocusd — сконцентрироваться на работе
Поможет не отвлекаться на соцсети и листание новостей во время работы. Например, можно ограничить пребывание в соцсетях до 30 минут в день или заблокировать развлекательные сайты в рабочие часы.
Поможет не отвлекаться на соцсети и листание новостей во время работы. Например, можно ограничить пребывание в соцсетях до 30 минут в день или заблокировать развлекательные сайты в рабочие часы.
Momentum — организовать рабочее пространство
Делает из стандартной страницы новой вкладки интерактивную панель с полезными виджетами. Можете вывести на вкладку список задач, таймер для концентрации, закладки и вдохновляющие цитаты.
Делает из стандартной страницы новой вкладки интерактивную панель с полезными виджетами. Можете вывести на вкладку список задач, таймер для концентрации, закладки и вдохновляющие цитаты.
Toggl — отследить время
Фиксирует время, затраченное на задачи. Тайм-трекер поможет отслеживать продуктивность и фиксировать выполненные дела прямо на панели инструментов в браузере. Особенно полезным будет новичкам, чтобы понять, сколько времени уходит на разные задачи. Это поможет правильно закладывать тайминг на реализацию проекта.
Фиксирует время, затраченное на задачи. Тайм-трекер поможет отслеживать продуктивность и фиксировать выполненные дела прямо на панели инструментов в браузере. Особенно полезным будет новичкам, чтобы понять, сколько времени уходит на разные задачи. Это поможет правильно закладывать тайминг на реализацию проекта.
Упорядочивание вкладок
OneTab — свернуть открытые вкладки
Сворачивает все открытые вкладки в один список. Например, делаете исследование целевой аудитории и у вас открыто много вкладок по теме. Клиент прислал правки, и надо срочно внести их в проект — вы можете одним кликом свернуть всё, что открыто и вернуться к этому позже. Закрытые вкладки не мешают вам в браузере и экономят оперативную память компьютера. Позже вкладки можно будет открыть все сразу или по отдельности.
Сворачивает все открытые вкладки в один список. Например, делаете исследование целевой аудитории и у вас открыто много вкладок по теме. Клиент прислал правки, и надо срочно внести их в проект — вы можете одним кликом свернуть всё, что открыто и вернуться к этому позже. Закрытые вкладки не мешают вам в браузере и экономят оперативную память компьютера. Позже вкладки можно будет открыть все сразу или по отдельности.
Toby for Tabs — упорядочить вкладки
Помогает навести порядок. Можете сохранять группы вкладок как рабочие пространства и быстро переключаться между ними.
Например, утром вы открываете все вкладки, которые нужны для работы, а вечером закрываете их, не боясь потерять. Расширение синхронизируется между устройствами, и можно продолжить работу с того же места на другом компьютере.
Помогает навести порядок. Можете сохранять группы вкладок как рабочие пространства и быстро переключаться между ними.
Например, утром вы открываете все вкладки, которые нужны для работы, а вечером закрываете их, не боясь потерять. Расширение синхронизируется между устройствами, и можно продолжить работу с того же места на другом компьютере.
Безопасность
HTTPS Everywhere — обеспечить безопасное соединение
Автоматически переключает протокол HTTP на защищённый HTTPS, даже если к сайту он не подключён. Плагин шифрует данные, которые вы отправляете и получаете с сайтов. Такая защита особенно важна, если вы часто работаете вне дома и используете публичные Wi-Fi-сети в кафе, отелях и общественных пространствах. Плагин защитит информацию от перехвата злоумышленниками.
Автоматически переключает протокол HTTP на защищённый HTTPS, даже если к сайту он не подключён. Плагин шифрует данные, которые вы отправляете и получаете с сайтов. Такая защита особенно важна, если вы часто работаете вне дома и используете публичные Wi-Fi-сети в кафе, отелях и общественных пространствах. Плагин защитит информацию от перехвата злоумышленниками.
AdGuard — скрыть рекламу
Блокирует всю рекламу, включая видеорекламу на YouTube, анимированную рекламу, нежелательные всплывающие окна, баннеры и текстовые объявления. Плагин защитит личные данные, отключая все известные системы слежения за действиями пользователя в интернете. Ускоряет загрузку страниц и экономит трафик.
Блокирует всю рекламу, включая видеорекламу на YouTube, анимированную рекламу, нежелательные всплывающие окна, баннеры и текстовые объявления. Плагин защитит личные данные, отключая все известные системы слежения за действиями пользователя в интернете. Ускоряет загрузку страниц и экономит трафик.
После установки плагина, защита будет работать постоянно и на всех ресурсах. Нет необходимости включать и выключать его.
LastPass — сохранить пароли
Хранит и автоматически заполняет пароли на сайтах. Плагин шифрует данные и защищает их от утечек. Синхронизирует данные на всех используемых устройствах. Если будете регистрироваться на новом сайте, сгенерирует сложный и безопасный вариант пароля.
Хранит и автоматически заполняет пароли на сайтах. Плагин шифрует данные и защищает их от утечек. Синхронизирует данные на всех используемых устройствах. Если будете регистрироваться на новом сайте, сгенерирует сложный и безопасный вариант пароля.
Краткая шпаргалка по плагинам
Чтобы было проще сориентироваться, собрали список всех плагинов с их основными функциями. Сохраняйте, тестируйте и выбирайте те, что подойдут именно вам.
ColorZilla — определить цвет, создать палитру сайта, сгенерировать CSS-градиент
Site Palette — проанализировать цвета сайта, экспортировать цвета в Google Palette или Adobe Swatch
Site Palette — проанализировать цвета сайта, экспортировать цвета в Google Palette или Adobe Swatch
WhatFont — определить шрифт
Font Ninja — протестировать шрифт, узнать стоимость коммерческого шрифта
Google Font Previewer — протестировать шрифт без редактирования CSS
Font Ninja — протестировать шрифт, узнать стоимость коммерческого шрифта
Google Font Previewer — протестировать шрифт без редактирования CSS
Icons8 — добавить изображение в Google Docs
Image Downloader — скачать изображения и иконки
SVG Grabber — распознать и скачать SVG-файлы
Video DownloadHelper — скачать видео
Image Downloader — скачать изображения и иконки
SVG Grabber — распознать и скачать SVG-файлы
Video DownloadHelper — скачать видео
Page Ruler — измерить элементы страницы
CSS Peeper — проанализировать CSS-стили
Wappalyzer — определить, какие решения используются на сайте
Visual Inspector UI — измерить элементы страницы
Broken Link Checker — найти битые ссылки
Lighthouse — провести технический аудит сайта
CSS Peeper — проанализировать CSS-стили
Wappalyzer — определить, какие решения используются на сайте
Visual Inspector UI — измерить элементы страницы
Broken Link Checker — найти битые ссылки
Lighthouse — провести технический аудит сайта
Хромированный захват — сделать и отредактировать скриншот
Loom — записать видео экрана с аудио комментариями
Loom — записать видео экрана с аудио комментариями
Window Resizer — проверить адаптивы сайта
Perfect Pixel — сравнить сайт с макетом
Corporate Ipsum — сгенерировать «рыбу» для сайта
Google Tag Assistant — проверить теги GTM
Perfect Pixel — сравнить сайт с макетом
Corporate Ipsum — сгенерировать «рыбу» для сайта
Google Tag Assistant — проверить теги GTM
Muzli — найти референсы
Сохранить в Pinterest — собрать мудборд в Pinterest
Evernote Web Clipper — сохранить идеи и систематизировать
их по категориям
Instapaper — собрать список для чтения офлайн
Сохранить в Pinterest — собрать мудборд в Pinterest
Evernote Web Clipper — сохранить идеи и систематизировать
их по категориям
Instapaper — собрать список для чтения офлайн
Bardeen — оптимизировать рутинные задачи
Todoist — спланировать дела
StayFocusd — сконцентрироваться на работе
Momentum — организовать рабочее пространство
Toggl — отследить время на задачи
Todoist — спланировать дела
StayFocusd — сконцентрироваться на работе
Momentum — организовать рабочее пространство
Toggl — отследить время на задачи
Toby for Tabs — упорядочить вкладки
OneTab — свернуть все вкладки в одну папку
OneTab — свернуть все вкладки в одну папку
HTTPS Everywhere — безопасно подключаться к любым ресурсам
AdGuard — скрыть рекламу
LastPass — сохранить пароли и синхронизировать на всех устройствах
AdGuard — скрыть рекламу
LastPass — сохранить пароли и синхронизировать на всех устройствах
Автор: Мария Гайворонская
Читайте также:
Бесплатный онлайн курс, который научит создавать эффективные посадочные страницы
Курс, который научит вас продвигать свой сайт
Теоретический курс Никиты Обухова по веб-дизайну
Бесплатный учебник по веб-анимации с примерами и правилами использования
