Автор: Рубрики: Полезности Просмотрено: 218
Обзор полезных расширений браузера для дизайнера и разработчика
20Сен2019

В этом обзоре вы найдете полезные плагины, которые помогут в работе с цветами, шрифтами и другими элементами в процессе разработки сайтов. 

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

colorzilla

Для примерки шрифтов из библиотеки Google Fonts можно использовать плагин под названием Font swap. Его можно применить на любой сайт или на любую часть сайта. Также доступен удобный поиск шрифтов по признакам.

Font swap

Необходима удобная линейка, чтобы измерить ширину и высоту определенных блоков на странице сайта? Используйте специальное расширение под названием Page Ruler.

Page Ruler

WhatFont – используется для определения шрифтов на любой странице сайта. После одного щелчка по тексту показывается вся доступная информация о шрифте.

WhatFont

Corporate Ipsum – генерирует текст для ваших полей. Этот инструмент незаменим для разработчиков или дизайнеров, которым, например, необходимо заполнить макет сайта любым текстом для демонстрации заказчику. С помощью ползунка вы просто выбираете количество слов и поля заполняются текстом разделенным на абзацы.

Corporate Ipsum

Хотите проверить отображение сайта на разных устройствах и веб-браузерах? Используйте User-Agent Switcher.

User-Agent Switcher

Расширение Wappalyzer позволяет с помощью одного клика узнать используемый язык программирования, CMS, систему аналитики, фреймворк и другую полезную информацию интересующего вас сайта.

Wappalyzer

Плагин Visual Inspector детально исследует элементы сайта, включая шрифты, палитры, графику, блоки. Чтобы начать работать с плагином, необходимо зарегистрироваться (бесплатно).

Visual Inspector

Расширение Check My Links находит битые ссылки страниц, хорошое решение в помощь сеошникам. 

Check My Links

 

Инструмент для аудита сайта Lighthouse в специальном отчете отображает доступность и СЕО показатели сайта. Для проверки требуется некоторое время.

Lighthouse

А какие инструменты для упрощения работы используете вы?

219 раз(а) 3 Сегодня просмотрено раз(а)
  • Владимир Дот

    Очень заинтриговал visual inspector. Если он умеет детально показывать составляющие выбранного элемента, то он определённо пригодится мне. Но не скажу для чего? )))

    • Марина Семёнова

      А я пользовалась колорзиллой при копировании сайтов. Нужно было чётко переносить цвета чтобы была нормальная копия. На глаз очень сложно определить нужный оттенок, даже если перед глазами есть таблица цветов.

      Признавайся, для чего тебе визуал инспектор?!