Responsively

Представьте, что вам больше не нужно бесконечно растягивать окно браузера или прыгать между эмуляторами, чтобы проверить, как сайт выглядит на разных экранах. Для этого есть Responsively — специализированный браузер для тех, кто работает над адаптивным дизайном.

Главная фишка в том, что он показывает ваш сайт на нескольких устройствах одновременно. Причем всё происходит в реальном времени: любое действие, которое вы совершаете в одном окне, автоматически повторяется во всех остальных.

Внутри есть общий инспектор, который работает сразу для всех устройств. Это очень удобно — можно изучать детали элементов, не переключаясь между контекстами. Если нужно зафиксировать результат, одним кликом можно сделать скриншоты сразу всех экранов. А чтобы не настраивать всё заново, свои наборы устройств можно сохранить как «Preview Suits» и быстро переключаться между сценариями тестирования. В Responsively уже встроено множество профилей популярных гаджетов, но при желании можно добавить и свои.

Инструмент будет максимально полезен веб-разработчикам и дизайнерам, которые создают или отлаживают адаптивные интерфейсы. С ним гораздо проще заметить «поехавшую» верстку, протестировать интерактивные элементы или собрать полный набор скриншотов для документации. И приятный бонус: проект имеет open-source статус, так что любой желающий может помочь в его развитии или настроить инструмент под свои рабочие процессы.