Как облегчить себе жизнь и верстать быстро на Bootstrap




Сегодня у нас обзор на недорогой и крайне полезный инструмент: BootstrapStudio.

Окно создания проекта
Окно создания проекта

BS представляет собой визуальную среду для вёрстки на основе Bootstrap. Студия делает процесс значительно визуальнее, помогает легко масштабировать свои проекты и использовать уже готовые встроенные и собственные компоненты. 

О программе

  • Для тех, кому этого достаточно, некоторая основная информация:
  • Лицензия: 29 или 60 долларов США (то есть порядка 1900 — 3926 рублей). Покупка совершается единоразово
  • Сайт: //bootstrapstudio.io/ 
  • Платформы: Windows и Mac
  • Где скачать: //bootstrapstudio.io/download 
  • Надо ли знать HTML, CSS, чтобы начать работать? Надо. Это не конструктор
  • Порог вхождения: низкий
  • Интерфейс: английский 

Плюсы и минусы

Плюсы:

Быстрые проекты

Превью прямо в редакторе

Подсказки 

Много готовых элементов

Минусы:

Есть некоторые ограничения

Проблемы с анимацией

Даже маленькие страницы будут на бутстрапе

Лицензия платная

Мало руководств

Как это выглядит

Интерфейс

Добавление элемента на страницу происходит путём перетаскивания элемента из библиотеки либо в структуру документа, либо прямо в окно просмотра (чего мы делать не рекомендуем). 

Экспорт проекта

Экспорт проекта

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

Шрифты, изображения

Импорт в Bootstrap Studio
Импорт в Bootstrap Studio

Студия использует шрифты Google Fonts, и загрузить свой шрифт не предлагает. Однако ничто не мешает вам просто положить необходимые шрифты в папку проекта и обращаться к ним. Однако будьте осторожны и не затрите файлы при экспорте проекта. 

Bootstrapstudio умеет оптимизировать изображения под Web. При загрузке в диалогов окне вас спросят, надо ли сжимать картинки. 

Скрипты JS

В студии есть свой набор готовых скриптов, однако вы можете либо написать свои прямо в редакторе, либо импортировать файлы js и обращаться к ним. 

Резюме: Bootstrap Studio — идеальное решение для работы с большим потоком проектов, непритязательных к сложной вёрстке. Большая часть стандартных решений уже есть «из коробки», что делает процесс действительно быстрым. 

Помогла ли вам эта статья?

Вы уже голосовали
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: