💻 Мануал Bubble для ноукодера: редактор свойств, настройка дизайна и стилей

Продолжаем рассказывать об одном из самых мощных No-code инструментов — Bubble. Если вы вдруг пропустили нашу рассылку про все элементы визуального редактора, — прочитать её можно по этой ссылке. А сегодня мы расскажем про редактор свойств, настройку дизайна и стилей.

Редактор свойств 
Это окно настроек свойств каждого элемента. Редактор свойств открывается при клике на элемент поверх рабочей области. И это очень важное понятие — через него происходят все настройки.

Тут настраивается и внешний вид элемента: цвет, размер, положение — выравнивание), и внутренние настройки элемента: сценарии, условия для изменения состояния, реакция элемента на действия пользователя.

Настройка дизайна и стилей 
Настройка внешнего вида, или UI вашего проекта, происходит в разделе Style — это стили и настройка дизайна веб-приложения. Здесь можно настроить шрифты, цвета, стили кнопок, форм для ввода, цвет фона и т.д. А также варианты стилей. Это, к примеру, главный шрифт и цвет текста, набор цветов, правила цветов для элементов. Эти параметры настраиваются во вкладке Style Variables, и они открывают быстрый доступ через настройки отдельных элементов: при настройке элемента появятся все наборы заданных цветов.

Раздел Style помогает No-code разработчику — он ускоряет разработку, потому что позволяет каждый раз не настраивать каждый элемент отдельно, а пользоваться параметрами, собранными в библиотеке. Это по сути UI-кит (набор готовых решений пользовательского интерфейса) в Bubble. Рекомендуется создавать его в начале процесса проектирования — это очень облегчит жизнь.

➖➖➖➖➖➖➖➖➖➖➖➖➖

Если вы хотите освоить один из самых востребованных инструментов в сфере No-code разработки и быстро начать зарабатывать на новом навыке, — приходите к нам на курс «Разработка веб-приложений на Bubble». Стартуем 13 сентября (следующая среда)!

🧑‍🎓Хочу на курс по Bubble: codebreakers.tech/bubble

#code_breakers_мануал_bubble