Постепенно, с развитием технологий все больше устройств могут выходить в интернет. Проблема в том, что у каждого устройства свой размер экрана, и раньше приходилось создавать несколько вариантов одного и того же сайта для различных разрешений. Решение нашлось в применении адаптивного дизайна (responsive design). Создание станиц по определенной технологии, благодаря чему сайты смогли автоматически подстраиваться под размер устройства, на котором они были открыты. Страница будет выглядеть так, как задумал дизайнер на любом устройстве, будь то планшет или монитор ноутбука, небольшой смартфон или 180-дюймовый экран телевизора. Она везде будет отображаться правильно.

Программа Responsive Site Designer как раз создает такие страницы. Она имеет приятный интерфейс и простое управление, благодаря чему идеально подойдет для новичков в фронтенд-разработке. Основное управление осуществляется путем перетаскивания мышкой элементов с панели инструментов на макет страницы. Сайт создается как бы из кирпичиков — блоков, которые можно размещать как угодно и где угодно. Поведение блоков на различных разрешениях можно настроить отдельно, например, на мониторе компьютера будет отображаться блок с рекламой, а на экране смартфона из-за небольшого свободного пространства он будет автоматически скрываться. В любой момент разработки можно посмотреть, как страница выглядит на разных экранах, а также запустить в разных браузерах.

Конечно, CoffeeCup Responsive Site Designer вряд ли подойдет для профессиональных веб-разработчиков, которые создают сложные проекты со множеством интерактивных элементов и кучей скриптов. Но для быстрого создания лендингов, красивых страниц с портфолио и несложных сайтов программа будет в самый раз.

• WYSIWYG-редактор HTML, поддерживающий адаптивную верстку;
• простой и понятный интерфейс, легкое управление программой;
• большое количество готовых шаблонов, и возможность загружать их из интернета;
• большая коллекция иконок и шрифтов, включая поддержку Google Font;
• возможность загрузки готовых страниц на хостинг;
• возможность настройки интерфейса;
• программа генерирует простой чистый код без мусора;
• оптимизация для разработки сайтов на устройствах с небольшими экранами (н-р, ноутбуки), есть инструменты масштабирования;
• встроенный инструмент для анализа кода Web Inspector.