Що більше інтернет проникає в усі сфери нашого життя, то більше роботи у дизайнерів і веб-розробників. Якщо ви не живете в Північній Кореї і вашим клієнтам потрібно більше сайтів, працювати ефективніше і швидше вам допоможе цей набір розширень для 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
