Перейти к содержимому

Полное руководство по адаптивному дизайну в Bubble (Flexbox 2024)

Building With Bubble

0:00 / 0:00

Полное руководство по адаптивному дизайну в Bubble (Flexbox 2024)

41 387 просмотров · 4 года назад
Building With Bubble
25,1 тыс. подписчиков
41 387 просмотров · 4 года назад
В этом видео вы узнаете, как освоить новый адаптивный дизайн Bubble с использованием Flexbox. Этот курс охватывает все, что вам нужно знать о создании полностью адаптивных приложений для любых пользовательских устройств. Независимо от того, создаете ли вы приложение для мобильных устройств или настольных компьютеров, вы изучите основные концепции и лучшие практики, чтобы воплотить свою задумку в жизнь. От понимания макетов страниц, выравнивания контейнеров, полей, сворачиваемых групп и адаптивных повторяющихся групп — мой полный курс охватывает все, что вам нужно, чтобы освоить адаптивный дизайн в Bubble. -- Заинтересованы в полном курсе? Если вы хотите ознакомиться с полным руководством, вы можете приобрести полный курс здесь или даже получить пожизненный доступ ко всему моему контенту: https://buildingwithbubble.com/comple... --- Обо мне: В 2020 году я работал напрямую с командой Bubble над написанием серии статей в блоге «Как создавать приложения». В каждом выпуске были представлены письменные инструкции по воссозданию популярных продуктов с помощью инструмента без кода. Чтобы упростить процесс создания, я создал собственную серию видеороликов, которая поможет вам сделать это более наглядно. Примечание: Эта серия видеороликов не имеет прямого отношения к самой компании Bubble. Это мой собственный проект. -- Таймлайн: 00:00 - Демонстрация продукта 00:35 - Введение в адаптивный дизайн Bubble 02:53 - Переход на движок дизайна flexbox 12:40 - Рекомендуемые размеры страницы 19:51 - Макет страницы и выравнивание контейнеров 43:11 - Добавление элементов на страницу 1:07:03 - Использование полей 1:36:30 - Дополнительные советы