Масштабная трансформация
Сбербанка в прямом эфире
LIVE

Ещё 13 полезных Chrome-расширений и инструментов для веб-разработчиков Материал редакции

В июне 2015 года редакция vc.ru опубликовала список полезных инструментов для веб-разработчиков. Команда сайта для дизайнеров Muzli собрала ещё 13 примечательных Chrome-расширений и приложений, которые пригодятся специалистам по созданию сайтов.

1. Responsive Web Design Tester

Расширение, которое позволяет протестировать отзывчивость дизайна на различных типах устройств.

2. Window Resizer

Помогает протестировать интерфейс сайта на экранах с различным разрешением.

3. Dimensions

Инструмент, с помощью которого можно измерить размер любой выбранной области — например, радиус окружности, ширину и высоту заданного прямоугольника или расстояние от одного объекта до другого.

4. ColorZilla

Расширение позволяет определять цвет любой области на сайте, настроить его и добавить на другой сайт.

5. TypeWonder

Это расширение помогает дизайнеру опробовать разные варианты шрифтов на любой странице в сети.

6. CSS — Shack

CSS — Shack — сервис, который позволяет дизайнерам разрабатывать внешний вид страницы и экспортировать результат в виде CSS-кода. Инструмент можно скачать или работать с ним через браузер.

7. Lightshot

Инструмент для быстрого создания и редактирования скриншотов.

8. UX Check

Инструмент, который помогает проводить эвристическую оценку разработанных дизайнером интерфейсов и выявлять ошибки в построении страниц.

9. Corporate Ipsum

Генератор случайных текстов для заполнения пространства на макете сайта. Создаёт тексты в «корпоративном» стиле, наполненные профессиональной лексикой.

10. Pendule

Набор из нескольких полезных инструментов для веб-дизайнера — позволяет просматривать и редактировать CSS-код страниц, менять стили и так далее.

11. Fontface Ninja

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

13. Prospero for Gmail

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

{ "author_name": "Дарья Хохлова", "author_type": "editor", "tags": ["\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b","\u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b_\u0434\u043b\u044f_\u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u0432","\u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b_\u0434\u043b\u044f_\u0432\u0435\u0431_\u0434\u0438\u0437\u0430\u0439\u043d\u0430","\u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b","\u0434\u0438\u0437\u0430\u0439\u043d","\u0432\u0435\u0431_\u0434\u0438\u0437\u0430\u0439\u043d"], "comments": 7, "likes": 17, "favorites": 31, "is_advertisement": false, "subsite_label": "flood", "id": 18900, "is_wide": true, "is_ugc": false, "date": "Mon, 03 Oct 2016 17:00:45 +0300", "is_special": false }
0
7 комментариев
Популярные
По порядку
Написать комментарий...
9

К слову, первые 5 доступны в стандартных инструментах для разработчика в Chrome

Ответить
1

Где 12?

Ответить
0

Работа с meta-тегами и предпросмотр карточки страницы в соц. сетях. Полезно не только разработчикам, но и редакторам https://chrome.google.com/webstore/detail/open-graph-preview/ehaigphokkgebnmdiicabhjhddkaekgh?hl=ru

Ответить
0

скриншотеры есть и получше, тот же Shotnes кроссплатформенный

Ответить
0

Или к примеру cmd + shift + 4 на маках (дополнительно + ctrl для сохранения в буфер обмена)

Ответить
0

и пробел для скрина окна

Ответить

Комментарии