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

Чем больше интернет проникает во все сферы нашей жизни, тем больше работы у дизайнеров и веб-разработчиков. Если вы не живете в Северной Корее и вашим клиентам нужно больше сайтов, работать эффективнее и быстрее вам поможет этот набор расширений для Chrome. Определить цвет, поиграть со шрифтами, измерить попиксельную позицию элемента на странице или протестировать отзывчивость дизайна для разных устройств — теперь все это вопрос пары кликов.

Muzli

Все самое интересное для дизайнеров: новости, статьи, полезные ссылки.

Responsive Web Design Tester

Это быстрый и простой способ протестировать ваш веб-сайт на отзывчивость. Помимо Chrome, поддерживается также Opera и Mozilla Firefox.

Window Resizer

Этот инструмент позволяет менять размер окна браузера, чтобы тестировать макеты в разном разрешении.

Page Ruler

Линейка, которая позволит измерить пиксельные размеры и позицию любого элемента на любой веб-странице.

Dimensions

Инструмент для дизайнеров, который поможет замерять расстояние между элементами и вообще все, что вы видите в браузере.

ColorZilla

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

WhatFont

Самый простой способ определить шрифты, которые используются на веб-странице.

TypeWonder

Позволяет тестировать веб-шрифты на любом веб-сайте в реальном времени.

CSS — Shack

Это десктопное веб-приложение, которое позволяет создавать слои стилей (как в любом графическом редакторе) и экспортировать их в CSS-файл.

Поддерживает все популярные браузеры. Инструмент платный, но бесплатный пробный период никто не отменял.

PerfectPixel by WellDoneCode

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

Lightshot

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

UX Check

Запускает эвристическую оценку вашего сайта (юзабилити).

Code Cola

Позволяет редактировать наглядно CSS-стили онлайн-страниц.

Corporate Ipsum

Генерирует рандомные корпоративные тексты для тестового наполнения сайта.

Pendule

Набор инструментов веб-девелопера для Chrome.

Fontface Ninja

Определяйте шрифты, используемые на странице, пробуйте и покупайте.

Prospero For Gmail

Инструмент позволяет в один клик добавить шаблон фриланс-предложения в ваше письмо на Gmail. Останется лишь заполнить пробелы.

Источник: Medium