Реклама в ПромоСтраницах – запустим быстро!

Заказать звонок
Телефон отдела продаж:
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 браузерных расширений для веб-разработчиков и дизайнеров

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

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

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

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

3 мар 2025
46 101
7 способов написать убойный вступительный абзац

Вы когда-нибудь думали, почему многие пользователи не дочитывают ваши статьи? Все дело в первом абзаце текста.

28 фев 2025
10 117
Продай мне нежно: как расслышать красоту слов и обратить ее себе на пользу

«В российском языке, как кажется, частое повторение письмени А способствовать может к изображению великолепия, великого пространства, глубины и вышины... учащение письмен Е, И, Ять, Ю – к изображению нежности, ласкательства... или малых вещей...», – М. В. Ломоносов.

28 фев 2025
1 558
Как сделать запись разговора на смартфоне и десктопе

Объясняем, как записать аудио на смартфоне, десктопе, через сторонние и встроенные приложения — в общем, все способы.

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

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

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

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

Спасибо!

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