2 коментариев
Поделиться статьей:

Обзор полезных расширений браузера для дизайнера и разработчика

Alla Rud 20.09.2019 2 1136 на прочтение 3 минут

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

Плагин 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

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


Close Screen
Alla Rud
Статей: 574
Оцените статью:


Спасибо за отзыв
Рейтинг: 5 из 5 Голосов: 3