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. Останется лишь заполнить пробелы.
#Разработка #Программирование #Лайфхак #Сайт #ВебРазработка #Web #IT #Design #Дизайн #Chrome