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