Чем больше интернет проникает во все сферы нашей жизни, тем больше работы у дизайнеров и веб-разработчиков. Если вы не живете в Северной Корее и вашим клиентам нужно больше сайтов, работать эффективнее и быстрее вам поможет этот набор расширений для 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