Top.Mail.Ru
Заказать звонок
Телефон отдела продаж:
8 (800) 775-16-41
Наш e-mail:
mail@texterra.ru
Заказать услугу
9 браузерных расширений для веб-разработчиков и дизайнеров Редакция «Текстерры»
Редакция «Текстерры»

Это перепечатка статьи, которая вышла в нашей группе «ВКонтакте».

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

ColorZilla

ColorZilla – это целый набор инструментов для работы с цветом. Здесь есть пипетка, с помощью которой можно определить цвет каждого пикселя на сайте, цветовой миксер, генератор CSS-градиентов и многое другое. Для вызова пипетки можно назначить горячие клавиши.

10 браузерных расширений для веб-разработчиков и дизайнеров
Разработаем вам фирменный стиль
Подробнее

Font swap

Расширение позволяет «примерить» шрифт из библиотеки Google Fonts на любой сайт. Можно отфильтровать шрифты по определенным признакам или ввести название в строку поиска. Переключатель «Apply to» позволяет изменять шрифт разных частей сайта.

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

WhatFont

Расширение позволяет в один клик определять шрифты, используемые на страницах. После щелчка по значку расширения названия будут показываться при наведении на текст. Чтобы выйти из режима, нужно нажать «Exit WhatFont».

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

Corporate Ipsum

Генерация шаблонного текста («рыбы») для заполнения сайта. Из всех подобных расширений это, пожалуй, самое простое в использовании. Выбираете количество слов с помощью ползунка и получаете разбитый на абзацы текст.

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

User-Agent Switcher

User-Agent Switcher помогает проверить отображение сайта на разных устройствах и браузерах.

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

Wappalyzer

Нажав на иконку расширения, можно узнать о технологиях, используемых на сайте: язык программирования, CMS, фреймворки, системы аналитики и прочих.

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

Visual Inspector

Мощный инструмент, позволяющий не только тщательно исследовать каждый элемент сайта (шрифты, палитры, графику, блоки), но и совместно работать над проектом, оставлять комментарии и делиться результатами работы. Для полноценного использования нужно пройти регистрацию (она бесплатна).

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

Check My Links

Это расширение пригодится не только разработчикам, но и сеошникам. С помощью него можно определять нерабочие («битые») ссылки на странице.

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

Lighthouse

Полезная штука для быстрого аудита производительности, доступности, SEO и других показателей сайта. Проверка занимает некоторое время, а отчет по результатам открывается в новом окошке.

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

Формируя подборку, я отобрала приложения, которые проще всего использовать во время работы. Расскажите, а чем пользуетесь вы?

Читайте также:

Поделиться статьей:

Новое на сайте

28 мар 2024
329
Правила сетикета – какие они и почему важны для вашей компании

В виртуальном мире существуют особые правила общения, не соблюдая которые легко навредить своему бизнесу.

28 мар 2024
4 077
Миф про многозадачность: мозг не умеет так работать

Так что работодатели зря пишут про этот навык на HeadHunter. Но способы всё успевать – есть.

Смотреть все статьи

У вас есть деловой запрос? Давайте обсудим!

Оставьте свои контакты, мы свяжемся с вами в ближайшее время.

Нажимая на кнопку «Оставить заявку», вы подтверждаете свое согласие на обработку пользовательских данных

Спасибо!

Ваша заявка принята. Мы свяжемся с вами в ближайшее время.

Наш подход бустит продажи. Вы платите за результат!