Редизайн редактора Bubble

Нашел на просторах интернета макеты обновленного редактора Bubble. Не уверен, что это официальная версия, но выглядит огненно🔥

По ссылке можно посмотреть макеты: http://insprd.io/ Насколько я понял, чувак который их сделал или работал, или всё еще работает главой дизайна в Bubble.

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

Как вам?

Ну вы поняли)

#bubble
Не используйте плагин Fuzzy Search&Autocomplete на большом объёме данных.

Этот плагин работает на стороне клиента т.е при загрузке страницы загружает все данные в браузер и только после этого происходит фильтрация. Соответственно, при загрузке большого объёма данных приложение начнёт лагать и тормозить.

Мы недавно столкнулись с таким:
Нужно делать поиск по статьям на платформе по 3 полям: заголовок, текст статьи и теги.

Решение:
1. Создаём в БД Статьи поле fieldForFilter с типом данных Text
2. В это поле записываем и заголовок, и текст стаьи и названия тегов
3. Фильтруем через Constraint в Do a search for с одним единственным условием: fieldForFilter contains keyword из инпута, куда вводится поисковый запрос

После этого поиск заработал в разы быстрее и шустрее

Нашёл классный плагин для bubble


https://bubble.io/plugin/scroll-actions-scroll-position-1633889059317x687232993147224000 - плагин, который позволяет получать текущую и максимальную позицию прокрутки и использовать рабочие процессы для прокрутки определенного количества пикселей

Пример юзкейса:
Скрывать/показывать какой-либо элемент, когда пользователь достигнет конца repeating group

Сам ещё не пользовался, но скоро потестим:)

Обнаружил интересную штуку в Bubble.

С помощью полей X & Y можно сдвигать элементы за пределы группы. Причём можно задавать как положительные, так и отрицательные значения.

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

Если подумать, то найдётся ещё масса вариантов для применения этой фишки.
В голову закрался пример с хранением данных на странице.
Иногда нужно фильтровать большой объём данных, либо просто подтягивать его из БД в определённый момент, и у Bubble с этим иногда возникают трудности — может завтыкать на пару-тройку секунд.

Можно собрать нужные нам данные в группе и сдвинуть её за пределы видимой части экрана. Когда страница загрузится, вместе с ней загрузится и нужная нам инфа. Когда дело дойдёт до фильтрации данных, то Баблу не придётся тянуть это всё из БД, т.к. нужная нам инфа уже будет лежать на странице.

#bubble
Если вы вдруг не знали, то сайт Bubble сделан на Bubble:)

Но интересно другое: есть публичная версия редактора Bubble, где сделан основной сайт.

Т.е вы можете самостоятельно посмотреть как Bubble организовал свой сайт на своей же платформе и сделать выводы о том, как наилучшим образом можно организовать ваши приложения

Что внутри:
- 13 страниц, включая главную, FAQ, шоукейсы, академия и т.д.
- 9 реюзабл элементов
- Можно посмотреть структуры баз данных

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

Новое видео на канале🎉

Разбираемся как устроен функционал рейтинговой системы и создаём простую систему с использованием Database trigger event

https://youtu.be/6D_GTFWO4pU

Нашёл несколько скринов из настроек нового редактора респонсивности Bubble:)

Кажется проблема динамической высоты будет решена)

Airtable выкатил новую фичу - Interface.

Теперь можете создавать страницы, дашборды, таймлайны проектов на основе ваших таблиц.

Есть такие элементы как:
- Текст
- Разделитель
- Число
- Таблица
- Таймлайн
- График
- Дропдаун с выбором строки

Выглядит интересно. Можно опубликовать и поделиться своим интерфейсом с кем угодно) Пока на скорую руку сделал внутренний дашборд по финансам и проектам и подборку идей для ютуб канала

Первый пост на канале)))
Что получится, если к стандартному функционалу Bubble добавить немного HTML) Да, можно крутануть любой объект на 180 градусов, а можно ... сделать игрушку как на видео)
Напиши свои предположения, как это было реализовано в Bubble (если не знаешь), а если знаешь, интересно услышать мысль, как можно было бы ее доработать)
P.S. Развивать проект я конечно не буду😄😄😄 Это приложение - демонстрация возможностей Bubble+HTML, и призыв смело юзать платформу в нестандартных задачах)

Простой способ изменить стандартный Bubble дропдаун для Safari

https://atomicfusion.io/ - крутая штука для ускорения разработки сайтов на Bubble.

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

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

Теперь вы можете найти в bubble примеры структуры баз данных для разных типов приложений:
- SaaS-сервисы
- Директории
- CRM
- Блоги и т.д.

Примеры созданы опытными пользователями Bubble: zeroqode, airdev, coaching NoCode apps и другими

Найти можно по ссылке: https://manual.bubble.io/help-guides/working-with-data/guides-setting-up-your-database-by-app-type

У Питера Амли(надеюсь правильно написал фамилию), который выпустил книгу Ultimate guide to Bubble performance вышла новая книга - Ultimate guide to Bubble Security

Стоит 25$, купить можно здесь