5 Chrome расширений для веб-дизайнера

5 полезных расширений для веб-дизайнераВ сегодняшней заметке хочу поделиться с вами пятью расширениями для Google Chrome, которыми пользуюсь сам в повседневной работе.

Каждое из них очень просто в использовании. И это стоит рассматривать как плюс, нежели недостаток. Чтобы использовать расширения, описанные ниже, достаточно их просто установить и сразу же приступить к эксплуатации.

Никаких сложных инструкций или настроек.

Даже не верится, что с момента выпуска этого бразузера прошло пять лет. С одной стороны, было это, будто, только вчера. С другой, он так плотно вошёл в нашу жизнь и занял лидирующее положение, словно был рядом всю жизнь. Отчётливо помню его рождение. Каждый блоггер, имеющий ресурс соответствующей тематики, считал необходимым написать о данном событии. Не остался в стороне и я.

Вернёмся к нашим расширениям для веб-дизайнеров.

Скриншот приложения The Grids

1. The Grids

Лёгкое и удобное приложение для браузера, позволяющее накладывать поверх сайта модульные сетки прямо в браузере. Полезно для анализа чужих ресурсов и быстрого редактирования собственных.

Установив The Grids, не стоит искать иконку в углу браузера, рядом с остальными. У этого расширения иконка добавляется в строку ввода, рядом со звёздочкой закладок.

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

2. Window Resizer

Как можно догадаться из названия, расширение помогает быстро изменять размер окна браузера.

Кроме того, что по клику на иконку выпадает список из наиболее популярных разрешений разных устройств (телефон, планшет, ноутбук, широкоформатный монитор), так ещё и добавляется окошко в углу браузера, показывающее текущие размеры окна браузера и рабочей области.

Хорошее расширение, чтобы тестировать адаптивную вёрстку сайта.

Если адаптивная вёрстка вам не интересна, не вижу смысла устанавливать Window Resizer. А если тема интересна, рекомендую к ознакомлению статью «простейшее адаптивное меню для сайта».

3. ColorZilla

Ещё одно расширение, неимоверно простое в использовании.

Это аналог инструмента «Eyedropper» (или «Пипетка» по-нашенски) в Фотошопе. При помощи данного инструмента можно «взять пробу на цвет» с любого элемента на сайте.

В качестве приятного бонуса: инструмент показывает ширину и высоту элемента, с которого берётся «проба».
ColorZilla — крутатейшая вещь, если вы практикуете редактирование стилей прямо в браузере ;)

4. Webpage Screenshot

Об этом приложении я уже писал в прошлом обзоре расширений для хрома, которыми пользуюсь сам.

По названию понятно, что Webpage Screenshot позволяет сделать скриншот странички в один клик.

Среди приятных плюшек: полученное изображение можно тут же отредактировать, дополнить комментариями, отправить в социальные сети и т.д.

5. 2IP сервисы

Данное приложение представляет из себя набор ссылок, ведущих на различные сервисы сайта 2ip.ru

Много всякого «зашито» в нём. Возможность определять посещаемость ресурса, его хостинг/домен, IP и всякое такое.

Меня прельщает возможность быстро узнавать CMS ресурса, в один клик, без необходимости лезть в код.

Скажу честно, всем остальным не пользуюсь.

А какие расширения для Хрома используете вы? Всегда интересно узнать что-то новое и полезное ;)

Смотрите ещё