Самые полезные расширения и инструменты Google Chrome для разработчиков

04 Октябрь 2016

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

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

Responsive Web Design Tester

Даже самый продвинутый веб-разработчик или дизайнер нуждается в таких инструментах, как Responsive Web Design Tester. С его помощью можно посмотреть, как будет отображаться его продукт на разных устройствах. В настройках можно выбрать для просмотра совершенно любой планшет или смартфон и оценить проделанную работу. Данное расширение очень полезное, так как даже самые продвинутые и хорошо зарабатывающие разработчики не покупают себе сразу много мобильных устройств, а для обеспечения высокого качества выполненной работы тестирование на разных гаджетах является обязательным. Даже если заваляется где-то в столе пара планшетов или смартфонов, то для их использования понадобится время. Так что с целью его экономии лучше использовать Responsive Web Design Tester.

Window Resizer

Для каждого типа устройств поддерживается свое разрешение. Качественный сайт должен одинаково хорошо отображаться на разных типах устройств. Чтобы протестировать новый веб-ресурс без лишних затрат времени и одновременно проследить, как он отображается на экранах небольших смартфонов и огромных мониторах, можно воспользоваться расширением Window Resizer. В настройках можно выбрать необходимое разрешение и посмотреть, насколько качественно сделан интерфейс сайта.

Dimensions

Все мы привыкли, что настольным инструментом для измерения расстояния является линейка. Но специально для разработчиков было создано расширение Dimensions, позволяющее правильно и наиболее гармонично разместить все необходимые элементы на сайте, чтобы они не мешали друг другу.

ColorZilla

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

TypeWonder

Шрифт, так же как и цвет, играет очень большую роль в эффективности сайта и его популярности. Если он будет удобен и хорошо читаем, то пользователи будут чаще посещать ресурс. Чтобы протестировать разные варианты шрифтов и посмотреть, как они будут выглядеть на разных страницах, можно воспользоваться инструментом TypeWonder.

Lightshot

Во время работы иногда возникает необходимость сделать скриншот и отправить его заказчику или подчиненному, для того, чтобы утвердить шаблон для оформления или указать на возможные неточности. В этом случае поможет инструмент Lightshot. С его помощью можно быстро сделать скриншот и даже отредактировать его.

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