Вопрос или проблема
Я пытаюсь создать сайт и искал полностью настраиваемый конструктор сайтов. После некоторых поисков и рекомендаций я нашел Webflow.
К сожалению, Webflow, хотя он точно соответствует тому, что я искал в редакторе сайтов, имеет определенные ограничения в бесплатной версии.
Поэтому я ищу графический редактор сайта с функциональностью редактора Webflow. Меня не интересует хостинг, поэтому это также может быть обычное оффлайн ПО. В конечном итоге я хочу иметь возможность создать html-страницу именно так, как я хочу, а затем добавить к ней необходимую функциональность бэкенда.
Примечание: Я планирую создать веб-приложение с помощью Meteor, и указанный редактор будет использоваться для создания прототипа на основе внешнего вида, который затем будет использован в качестве основы для приложения. Если этот подход неверный, вы можете указать на это.
Может быть, http://macaw.co/ или http://stackhive.com (хотя они тоже не бесплатные).
Вы рассматривали возможность попробовать Wix Code?
Это создаст полноценную IDE прямо внутри вашего сайта, с настоящей частью бэкенда, интеграциями API и т. д. Действительно мощно.
Ответ или решение
Для реализации ваших целей по созданию веб-приложения с использованием Meteor, вам потребуется мощный графический редактор сайтов, аналогичный Webflow, но без ограничений бесплатной версии. На основе вашего запроса, предлагаю несколько альтернатив, которые могут удовлетворить ваши потребности.
1. Pinegrow
Преимущества:
- Офлайн-анализатор: Pinegrow — это мощный инструмент, который работает на вашем компьютере и позволяет редактировать страницы HTML и CSS в реальном времени.
- Полная гибкость: Вы можете создавать свои собственные компоненты и разрабатывать макет страницы с точностью до пикселя.
- Поддержка различных фреймворков: Pinegrow поддерживает Bootstrap, Foundation и другие фреймворки, которые могут быть полезны для вашего проекта.
Недостатки:
- Хотя Pinegrow не бесплатен, его стоимость оправдана благодаря мощному функционалу.
2. Mobirise
Преимущества:
- Простота использования: Mobirise предлагает интуитивно понятный интерфейс и возможность создания адаптивных сайтов.
- Без программирования: Вы можете создавать привлекательные страницы без необходимости погружаться в код.
Недостатки:
- Некоторые функции требуют покупку расширений, так как базовая версия ограничена в своих возможностях.
3. Figma + HTML Export plugins
Преимущества:
- Дизайн и прототипирование: Figma является отличным инструментом для проектирования интерфейсов и создания прототипов. Существуют плагины, которые позволяют экспортировать ваши дизайнерские макеты в HTML-код.
- Облачное сотрудничество: Возможность совместной работы в режиме реального времени с другими участниками команды.
Недостатки:
- Вам придется управлять разными плагинами, чтобы получить желаемый результат последующего экспорта HTML и CSS.
4. Adobe XD
Преимущества:
- Профессиональные решения для дизайна: Adobe XD предоставляет широкий набор инструментов для проектирования пользовательского интерфейса и создания интерактивных прототипов.
- Экспорт в HTML и CSS: Как и с Figma, существует несколько плагинов для конвертации макетов в рабочий код.
Недостатки:
- Требуется наличие подписки на Adobe Creative Cloud, что может отдалять от бюджетного подхода.
Заключение
Некоторые из предложенных решений могут быть платными, но их функциональность и гибкость полностью оправдывают вложения. Выбирая инструмент, учитывайте свои требования к разметке, возможности редактирования и интеграции с инструментами для серверной разработки, такими как Meteor.
Альтернативный подход
Ваше намерение использовать редактор для создания прототипов пользовательского интерфейса для веб-приложения, на мой взгляд, обосновано. Это поможет вам детализировать внешний вид вашего приложения и упростить дальнейшую разработку. Однако, не забывайте, что для полноценной реализации функциональности необходимо будет углубиться и в backend-разработку.