Новый проект (1)-min.gif
13.4 MB
Доброго времени суток, коллеги! ✌🏻
---------------------------------------
Горячие клавиши | Shortcuts | Bubble.io
Знаете ли вы, что в Bubble как и во многих других платформах и приложениях, есть свой набор горячих клавиш. Вещь, возможно, суперочевидная и простая, но заметно упрощает работу в редакторе и экономит время.
Найти их можно во вкладке "Help" -> "Shortcuts list" в верхней панели редактора.
Надеюсь, всем будет полезно 💪🏻
---------------------------------------
Ниже продублирую сочетания и их значения на русском языке
---------------------------------------
#некодер #bubble #советы
---------------------------------------
Горячие клавиши | Shortcuts | Bubble.io
Знаете ли вы, что в Bubble как и во многих других платформах и приложениях, есть свой набор горячих клавиш. Вещь, возможно, суперочевидная и простая, но заметно упрощает работу в редакторе и экономит время.
Найти их можно во вкладке "Help" -> "Shortcuts list" в верхней панели редактора.
Надеюсь, всем будет полезно 💪🏻
---------------------------------------
Ниже продублирую сочетания и их значения на русском языке
---------------------------------------
#некодер #bubble #советы
👍9🔥2
Всем привет! ✌🏻
---------------------------------------
Downnotifier
---------------------------------------
Сервис, который уведомит тебя, если твой сайт (любой, который укажешь) лёг и не просыпается. Позволит оперативно принять меры по устранению неполадок.
Полезно следить за работоспособностью своих проектов и за самим Bubble, который хоть и редко, но ложится.
Поддерживает Email и SMS уведомления. Для подключения достаточно указать ссылку на сайт и свой номер или почту.
В платных версиях функционал расширен (Whatsapp уведомления, полная история логов, частота мониторинга 20 сек и прочие плюшки)
---------------------------------------
#некодер #bubble #сервисы
---------------------------------------
Downnotifier
---------------------------------------
Сервис, который уведомит тебя, если твой сайт (любой, который укажешь) лёг и не просыпается. Позволит оперативно принять меры по устранению неполадок.
Полезно следить за работоспособностью своих проектов и за самим Bubble, который хоть и редко, но ложится.
Поддерживает Email и SMS уведомления. Для подключения достаточно указать ссылку на сайт и свой номер или почту.
В платных версиях функционал расширен (Whatsapp уведомления, полная история логов, частота мониторинга 20 сек и прочие плюшки)
---------------------------------------
#некодер #bubble #сервисы
Downnotifier
DownNotifier.com - free quality website monitoring
👍7🔥2
Как получить расширение файла из его имени? 🤔
---------------------------------------
Первый способ:
После обращения к имени файла добавить оператор split by, в окно разделителя поставить точку. В результате к вам вернется список текстов, последним элементом которого будет расширение файла, для получения добавляем :last item.
File's name :split by(.) :last item
Второй способ:
После обращения к имени файла добавить оператор Extract with RegEx, в появившемся поле вписать выражение "/\.[0-9a-z]+$/" без кавычек. Готово!
---------------------------------------
Этот функционал может пригодится для проверки расширения файла при загрузке его в вашу БД, в зависимости от результата можно будет запрещать или разрешать загрузку файлов с конкретным расширением, а также использовать в фильтрации при поиске файлов в списке и т. п.
---------------------------------------
#некодер #bubble #regex #советы
---------------------------------------
Первый способ:
После обращения к имени файла добавить оператор split by, в окно разделителя поставить точку. В результате к вам вернется список текстов, последним элементом которого будет расширение файла, для получения добавляем :last item.
File's name :split by(.) :last item
Второй способ:
После обращения к имени файла добавить оператор Extract with RegEx, в появившемся поле вписать выражение "/\.[0-9a-z]+$/" без кавычек. Готово!
---------------------------------------
Этот функционал может пригодится для проверки расширения файла при загрузке его в вашу БД, в зависимости от результата можно будет запрещать или разрешать загрузку файлов с конкретным расширением, а также использовать в фильтрации при поиске файлов в списке и т. п.
---------------------------------------
#некодер #bubble #regex #советы
🔥9👍2
Как стилизовать таблицу в Bubble.io?
---------------------------------------
В этом небольшом посте я расскажу о том, как закрасить чётные или нечётные ячейки таблицы.
Для этого достаточно лишь сгруппировать все элементы ячейки, сбросить стиль группы, выбрать нужную вам заливку.
Затем необходимо создать условное форматирование для данной группы.
---------------------------------------
Создадим conditional:
Для четных ячеек: Current index < modulo > 2 is 0
Для нечетных ячеек: Current index < modulo > 2 is not 0
После него выбираем нужную вам заливку. Готово!
---------------------------------------
Можно создать только одно условие, в случае его невыполнения будет применен стиль из вкладки "Appearance".
---------------------------------------
Оператор "X < modulo > Y" позволяет найти остаток от деления числа X на число Y. Результатом вычислений будет сам остаток (число), если же его с чем либо сравнить с помощью логических операторов, то к вам вернётся Yes / No.
---------------------------------------
Всем продуктивной недели 💪🏻🔥
---------------------------------------
#некодер #bubble #ui #rg #советы
---------------------------------------
В этом небольшом посте я расскажу о том, как закрасить чётные или нечётные ячейки таблицы.
Для этого достаточно лишь сгруппировать все элементы ячейки, сбросить стиль группы, выбрать нужную вам заливку.
Затем необходимо создать условное форматирование для данной группы.
---------------------------------------
Создадим conditional:
Для четных ячеек: Current index < modulo > 2 is 0
Для нечетных ячеек: Current index < modulo > 2 is not 0
После него выбираем нужную вам заливку. Готово!
---------------------------------------
Можно создать только одно условие, в случае его невыполнения будет применен стиль из вкладки "Appearance".
---------------------------------------
Оператор "X < modulo > Y" позволяет найти остаток от деления числа X на число Y. Результатом вычислений будет сам остаток (число), если же его с чем либо сравнить с помощью логических операторов, то к вам вернётся Yes / No.
---------------------------------------
Всем продуктивной недели 💪🏻🔥
---------------------------------------
#некодер #bubble #ui #rg #советы
👍10🔥2⚡1
This media is not supported in your browser
VIEW IN TELEGRAM
1️⃣0️⃣0️⃣ подписчиков на канале! 💃
---------------------------------------
Спасибо всем кто присоединился!😘
---------------------------------------
Извиняюсь, немного подзабросил канал и Youtube из-за переезда, миграции и текущих проектов, но обещаю, что исправлюсь!
Новый полезный контент очень скоро!😮
---------------------------------------
Подписывайтесь на YouTube - канал, чтобы ничего не пропустить
---------------------------------------
Спасибо всем кто присоединился!
---------------------------------------
Извиняюсь, немного подзабросил канал и Youtube из-за переезда, миграции и текущих проектов, но обещаю, что исправлюсь!
Новый полезный контент очень скоро!
---------------------------------------
Подписывайтесь на YouTube - канал, чтобы ничего не пропустить
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥15👍3
Forwarded from ИП на ЗП
Решил собрать авторские каналы про ноукод разработку, чтобы вы всегда могли найти что-то полезное для себя😉 Если вы вдруг ведёте свой канал, то присылайте ссылку в комментах - буду дополнять подборку
https://news.1rj.ru/str/pro_nocode - нескромно поставлю наш канал первым:) собираем полезные хаки и советы по Bubble, планируем расширяться в сторону других инструментов. Канал чисто для разработчиков и тех, кто хочет на этом зарабатывать.
https://news.1rj.ru/str/revbubbledev - канал Вити Решетняка про bubble. Вместе работали. Собирает и находит крутые вещи про Bubble. Докапывается до мелочей - поэтому точно будет интересно читать
https://news.1rj.ru/str/necoder_ru - канал Вани Вахрушева. Тоже работали вместе. Миксует как прикладной, так и личный контент. Интересно.
https://news.1rj.ru/str/Tim_nocode - свежий канал от Тимофея. Уверен, что тоже будет супер полезно и интересно.
https://news.1rj.ru/str/failblog - канал фаундера ноукод студии. Прикладной инфо по разработке нет, но полезно почитать про то, какие сложности бывают при управлении своей студии
https://news.1rj.ru/str/denonline - канал Дэна. Дэн топ спец в ноукод инструментах, поэтому жду, когда там начнёт появляться контент.
https://news.1rj.ru/str/ProNoCode - канал фаундера Creatium. Интересно наблюдать за тем, как развивается целый ноукод инструмент
https://news.1rj.ru/str/noosfera_IT - канал про ноукод и жизнь ноукод разработчика. Прикладной и жизненный контент. Интересно следить.
https://news.1rj.ru/str/georgystories - лично с автором не знаком. Пишет про вебфлоу, проводит стримы и делится полезностями
https://news.1rj.ru/str/ne_koder - канал Димы Федосеева про Bubble. Наверное, самый топовый по качеству на данный момент. Жаль, что не так много контента, как хотелось бы:)
https://news.1rj.ru/str/codewords - канал студии мобильной разработки от @ilyatkach
https://news.1rj.ru/str/sashadontcode - канал про ноукод от @alexanderolssen
https://news.1rj.ru/str/pro_nocode - нескромно поставлю наш канал первым:) собираем полезные хаки и советы по Bubble, планируем расширяться в сторону других инструментов. Канал чисто для разработчиков и тех, кто хочет на этом зарабатывать.
https://news.1rj.ru/str/revbubbledev - канал Вити Решетняка про bubble. Вместе работали. Собирает и находит крутые вещи про Bubble. Докапывается до мелочей - поэтому точно будет интересно читать
https://news.1rj.ru/str/necoder_ru - канал Вани Вахрушева. Тоже работали вместе. Миксует как прикладной, так и личный контент. Интересно.
https://news.1rj.ru/str/Tim_nocode - свежий канал от Тимофея. Уверен, что тоже будет супер полезно и интересно.
https://news.1rj.ru/str/failblog - канал фаундера ноукод студии. Прикладной инфо по разработке нет, но полезно почитать про то, какие сложности бывают при управлении своей студии
https://news.1rj.ru/str/denonline - канал Дэна. Дэн топ спец в ноукод инструментах, поэтому жду, когда там начнёт появляться контент.
https://news.1rj.ru/str/ProNoCode - канал фаундера Creatium. Интересно наблюдать за тем, как развивается целый ноукод инструмент
https://news.1rj.ru/str/noosfera_IT - канал про ноукод и жизнь ноукод разработчика. Прикладной и жизненный контент. Интересно следить.
https://news.1rj.ru/str/georgystories - лично с автором не знаком. Пишет про вебфлоу, проводит стримы и делится полезностями
https://news.1rj.ru/str/ne_koder - канал Димы Федосеева про Bubble. Наверное, самый топовый по качеству на данный момент. Жаль, что не так много контента, как хотелось бы:)
https://news.1rj.ru/str/codewords - канал студии мобильной разработки от @ilyatkach
https://news.1rj.ru/str/sashadontcode - канал про ноукод от @alexanderolssen
👍3🥰2
Media is too big
VIEW IN TELEGRAM
Горизонтальный скроллинг группы в Bubble.io без CSS за 30 секунд!
---------------------------------------
В последнее время в проектах, где много таблиц, часто возникает необходимость их адаптации.
На этапе подготовки таких экранов к другим размерам дисплеев приходится решать какие столбцы скрыть, а какие показать.
Я решил, что выбирать незачем, если можно уместить вообще всё!
Данный кейс имеет множество применений, не только в отношении таблиц.
---------------------------------------
Любой группе можно добавить горизонтальный скроллинг, если на экране не хватает места для отображения контента по горизонтали.
Для этого необходимо:
1. Фиксируем ширину группы, которой добавляем скролл
2. Копируем значение максимальной ширины этой группы
3. Оборачиваем ее Repeating Group с параметрами:
- 1 строка
- 1 столбец
- Мин. ширина 0
- Макс. ширина = макс. ширине вложенной группы (просто вставляем, что скопировали в шаге 2)
4. Задаём Data source и Type of content для Repeating Group
---------------------------------------
В источник Repeating Group можно поместить что угодно. Например, выбрать тип данных "User", а в Data source поместить выражение Current User :converted to list. Это самый простой пример, чтобы не грузить приложение лишними запросами к БД, то есть берем пользователя и представляем его в виде списка оператором :converted to list.
P.S. Даже когда пользователь не залогинен у него есть свой текущий временный User в БД, если, насколько я знаю, на устройстве не запрещены Cookies.
Необязательно брать User за основу, это могут быть любые типы данных, например, "фиктивный" тип сущностей, который вы создадите специально для данного кейса (так будет даже лучше).
---------------------------------------
#некодер #bubble #ui #rg #советы
---------------------------------------
В последнее время в проектах, где много таблиц, часто возникает необходимость их адаптации.
На этапе подготовки таких экранов к другим размерам дисплеев приходится решать какие столбцы скрыть, а какие показать.
Я решил, что выбирать незачем, если можно уместить вообще всё!
Данный кейс имеет множество применений, не только в отношении таблиц.
---------------------------------------
Любой группе можно добавить горизонтальный скроллинг, если на экране не хватает места для отображения контента по горизонтали.
Для этого необходимо:
1. Фиксируем ширину группы, которой добавляем скролл
2. Копируем значение максимальной ширины этой группы
3. Оборачиваем ее Repeating Group с параметрами:
- 1 строка
- 1 столбец
- Мин. ширина 0
- Макс. ширина = макс. ширине вложенной группы (просто вставляем, что скопировали в шаге 2)
4. Задаём Data source и Type of content для Repeating Group
---------------------------------------
В источник Repeating Group можно поместить что угодно. Например, выбрать тип данных "User", а в Data source поместить выражение Current User :converted to list. Это самый простой пример, чтобы не грузить приложение лишними запросами к БД, то есть берем пользователя и представляем его в виде списка оператором :converted to list.
P.S. Даже когда пользователь не залогинен у него есть свой текущий временный User в БД, если, насколько я знаю, на устройстве не запрещены Cookies.
Необязательно брать User за основу, это могут быть любые типы данных, например, "фиктивный" тип сущностей, который вы создадите специально для данного кейса (так будет даже лучше).
---------------------------------------
#некодер #bubble #ui #rg #советы
🔥11❤2👍1
Всем привет! И хорошего дня ✌🏻
---------------------------------------
🧐 Вчера я озадачился вопросом о структуризации своих уроков и полезных вещей, собранных на просторах интернета
В итоге пришел к выводу, что необходимо создать простую и понятную базу данных, в которой будет легко ориентироваться.
---------------------------------------
🗂 Представляю вам первую версию такой базы. Она будет регулярно пополняться и обновляться, здесь можно будет найти различные полезные ссылки, новые и уже выпущенные уроки / посты с моих каналов.
Готов выслушать предложения и пожелания в комментариях.
---------------------------------------
➡️ Ссылка на Gitbook
---------------------------------------
#некодер #bubble #база_знаний
---------------------------------------
🧐 Вчера я озадачился вопросом о структуризации своих уроков и полезных вещей, собранных на просторах интернета
В итоге пришел к выводу, что необходимо создать простую и понятную базу данных, в которой будет легко ориентироваться.
---------------------------------------
Готов выслушать предложения и пожелания в комментариях.
---------------------------------------
➡️ Ссылка на Gitbook
---------------------------------------
#некодер #bubble #база_знаний
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11🔥3
Всем привет!✌🏻
---------------------------------------
🚀 Анонс новых возможностей на платформе Bubble.io! 🚀
Потрясающие новости для разработчиков, использующих Bubble.io. Час назад на Youtube канале Bubble.io были сделаны два анонса предстоящих обновлений.
---------------------------------------
🤖"Bubble AI"
Это инструмент, который позволит вам превратить пустой холст в полностью оформленную страницу запросом из нескольких слов. Новый дизайн быстро и автоматически создается, позволяя вам сосредоточиться на создании бизнес-логики и соединении всех элементов вместе. Это значительно упростит и ускорит процесс создания приложений.
Релиз ожидается в первом квартале 2024
Ссылка на видео
---------------------------------------
📱 “Native mobile apps”
Bubble.io расширяет возможности создания приложений для мобильных устройств. Теперь вы сможете создавать полноценные приложения без написания кода как для Android, так и для iOS и использования сторонних “оберток” и контейнеров. Появится возможность использовать нативные компоненты и настраивать навигацию еще интуитивнее. Просматривайте приложения в реальном времени на устройствах и публикуйте их в App Store и Play Market, когда будете готовы.
Интересно, будет ли это включено в план или же будет продаваться как отдельная оплачиваемая услуга?
Релиз ожидается в середине следующего года
Ссылка на видео
---------------------------------------
Что ж, Bubble не стоит на месте🚀
Надеемся лишь, что вводя новый функционал, компания не забудет довести до ума старые функции 🧐
---------------------------------------
🚀 Анонс новых возможностей на платформе Bubble.io! 🚀
Потрясающие новости для разработчиков, использующих Bubble.io. Час назад на Youtube канале Bubble.io были сделаны два анонса предстоящих обновлений.
---------------------------------------
🤖"Bubble AI"
Это инструмент, который позволит вам превратить пустой холст в полностью оформленную страницу запросом из нескольких слов. Новый дизайн быстро и автоматически создается, позволяя вам сосредоточиться на создании бизнес-логики и соединении всех элементов вместе. Это значительно упростит и ускорит процесс создания приложений.
Релиз ожидается в первом квартале 2024
Ссылка на видео
---------------------------------------
📱 “Native mobile apps”
Bubble.io расширяет возможности создания приложений для мобильных устройств. Теперь вы сможете создавать полноценные приложения без написания кода как для Android, так и для iOS и использования сторонних “оберток” и контейнеров. Появится возможность использовать нативные компоненты и настраивать навигацию еще интуитивнее. Просматривайте приложения в реальном времени на устройствах и публикуйте их в App Store и Play Market, когда будете готовы.
Интересно, будет ли это включено в план или же будет продаваться как отдельная оплачиваемая услуга?
Релиз ожидается в середине следующего года
Ссылка на видео
---------------------------------------
Что ж, Bubble не стоит на месте🚀
Надеемся лишь, что вводя новый функционал, компания не забудет довести до ума старые функции 🧐
👍5🔥5❤1
🚀 Обновление в редакторе Bubble.io! 🚀
---------------------------------------
Доброго времени суток!✌🏻
Помимо изменения иконок вкладок редактора, сегодня Bubble представил что-то интересное! Обсудим, в чем заключаются изменения в интерфейсе.
---------------------------------------
🌳Обновленная структура древа элементов
Теперь элементы в древе разделены на два типа:
- Overlays (popups, floating groups, group focus, alerts и reusable elements)
- Layers, где находятся все остальные элементы.
Добавлена возможность растягивать окно древа элементов, удерживая границу между ними.
---------------------------------------
📝 Обозначения элементов
Иконки выполнены в стиле Figma, выглядят чище и приятнее. Теперь по значку элемента видно его функционал, даже если элемент полностью переименован.
---------------------------------------
🔍 Строка поиска в древе элементов:
Теперь есть возможность искать уже используемые элементы прямо в древе, помимо общего поиска сверху. Это удобно, так как можно увидеть тип элемента по его иконке.
Переименовать элемент теперь можно прямо в списке!
---------------------------------------
🤏🏻Новый Drag-and-Drop функционал
Теперь можно перетаскивать элементы из списка прямо в древо элементов страницы, что делает процесс создания более плавным.
Новые взаимодействия с древом элементов:
Над деревом:
👁 Показывает только скрытые элементы.
Стрелки сворачивают и разворачивают все группы в древе.
Внутри древа (напротив каждого элемента):
👁 Скрывает/показывает элемент в редакторе.
🔒 Блокирует/разрешает перетаскивание элементов мышью внутри канвы.
---------------------------------------
⌨️ Новые сочетания клавиш
Теперь они работают внутри древа элементов:
- Cmd+C: Скопировать элемент.
- Cmd+X: Вырезать элемент.
- Cmd+V: Вставить.
- Cmd (Ctrl)+Click: Выбрать несколько элементов.
- Shift+Click: Выбрать несколько элементов в ряд.
---------------------------------------
Неплохое обновление, однако все мы ждем обещанного на BubbleCon💃
---------------------------------------
Источник
---------------------------------------
Доброго времени суток!✌🏻
Помимо изменения иконок вкладок редактора, сегодня Bubble представил что-то интересное! Обсудим, в чем заключаются изменения в интерфейсе.
---------------------------------------
🌳Обновленная структура древа элементов
Теперь элементы в древе разделены на два типа:
- Overlays (popups, floating groups, group focus, alerts и reusable elements)
- Layers, где находятся все остальные элементы.
Добавлена возможность растягивать окно древа элементов, удерживая границу между ними.
---------------------------------------
📝 Обозначения элементов
Иконки выполнены в стиле Figma, выглядят чище и приятнее. Теперь по значку элемента видно его функционал, даже если элемент полностью переименован.
---------------------------------------
🔍 Строка поиска в древе элементов:
Теперь есть возможность искать уже используемые элементы прямо в древе, помимо общего поиска сверху. Это удобно, так как можно увидеть тип элемента по его иконке.
Переименовать элемент теперь можно прямо в списке!
---------------------------------------
🤏🏻Новый Drag-and-Drop функционал
Теперь можно перетаскивать элементы из списка прямо в древо элементов страницы, что делает процесс создания более плавным.
Новые взаимодействия с древом элементов:
Над деревом:
👁 Показывает только скрытые элементы.
Стрелки сворачивают и разворачивают все группы в древе.
Внутри древа (напротив каждого элемента):
👁 Скрывает/показывает элемент в редакторе.
🔒 Блокирует/разрешает перетаскивание элементов мышью внутри канвы.
---------------------------------------
Теперь они работают внутри древа элементов:
- Cmd+C: Скопировать элемент.
- Cmd+X: Вырезать элемент.
- Cmd+V: Вставить.
- Cmd (Ctrl)+Click: Выбрать несколько элементов.
- Shift+Click: Выбрать несколько элементов в ряд.
---------------------------------------
Неплохое обновление, однако все мы ждем обещанного на BubbleCon
---------------------------------------
Источник
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12❤3⚡2🔥2
---------------------------------------
CSS для скрытия банера
"
---------------------------------------
🔤 🔤 🔤 🔤 🔤 🔤
ИСПОЛЬЗОВАТЬ НА СВОЙ СТРАХ И РИСК 😅
Если Bubble узнает, могут заблокировать аккаунт
This app is a free plan and should have a Bubble banner. Removing or altering this banner in any way is against Bubble terms and can lead to your account termination.
---------------------------------------
Просто бросьте HTML - блок в канву и вставьте туда этот код.
<style>
div[style*="width: 128px"][style*="position: fixed"][style*="bottom: 10px"][style*="right: 10px"][style*="height: 29px"][style*="z-index: 100000000000"][style*="box-shadow: 0px 0px 20px 0 #00000069"][style*="background: #0205D3"][style*="border-radius: 3px"]
{
top: -100px!important
}
</style>
---------------------------------------
Надеюсь, что кому-то пригодится для скрытия знака на бесплатном тарифе
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9❤7👏3
---------------------------------------
Вот еще несколько CSS, которые я регулярно использую в своих проектах. Думаю, вы найдете их полезными для себя
---------------------------------------
Выравнивание Popup по центру экрана:
<style>
#popup123 {
top: 50% !important;
transform: translateY(-50%) !important;
}
</style>
*Поменять #popup123 на свой ID
---------------------------------------
Включает скролл контейнера, у которого содержимое превышает его размеры:
<style>
#cont1 {
overflow: auto!important;
}
</style>
Желательно, чтобы внутреннее содержимое было объединено в одну группу, а сама внутренняя группа была зафиксирована по ширине либо Fit width.
Я использую данный стиль для таблиц / RG, которым нужен скролл по горизонтали, чтобы уместить все колонки.
*Поменять #cont1 на свой ID
---------------------------------------
Этот CSS (и немного JS) превратит стандартный Date/Time Picker в просто Time picker, скрыв часть с выбором даты:
<style>
#idtimepicker {
display: inline-block;
}
#idtimepicker .date_div {
width: 0 !important;
padding: 0 !important;
border: none !important;
}
#idtimepicker .time_div {
width: 100% !important;
}
</style>
<noscript>
document.addEventListener('DOMContentLoaded', function() {
var idtimepicker = document.getElementById('idtimepicker');
if (idtimepicker) {
var computedStyle = window.getComputedStyle(idtimepicker);
var paddingLeft = parseFloat(computedStyle.paddingLeft);
var paddingRight = parseFloat(computedStyle.paddingRight);
idtimepicker.style.marginLeft = -(paddingLeft + paddingRight) + "px";
}
});
</noscript>
*Поменять #idtimepicker и idtimepicker в JS на свой ID
---------------------------------------
Инструкция к применению, как обычно:
- Добавь блок HTML на страницу
- Вставить в него нужный код
- Поменять #id в стилях
---------------------------------------
Пишите комментарии и вопросы / ставьте реакции, если понравилось
Please open Telegram to view this post
VIEW IN TELEGRAM
👍18❤2🔥1
Bubble Blog | What you need to know about building with no-code
How Bubble Rebuilt Developer Certification on Bubble | Bubble
We partnered with Airdev to revamp the Bubble Developer Certification exam. It’s now more performant, reliable, and flexible — and 100% built on Bubble.
🎓 Большое обновление в Bubble Developer Certification 🎓
---------------------------------------
В сотрудничестве с Airdev команда Bubble полностью перестроила платформу сертификации, перенеся ее с внешнего сервиса на Bubble.
---------------------------------------
🌟 Основные улучшения
---------------------------------------
📈 Обновления в управлении экзаменом
---------------------------------------
Источник: Bubble Blog
---------------------------------------
В сотрудничестве с Airdev команда Bubble полностью перестроила платформу сертификации, перенеся ее с внешнего сервиса на Bubble.
---------------------------------------
🌟 Основные улучшения
Навигация: Сильно упрощена навигация по экзамену, теперь можно оставлять закладки на вопросы, чтобы вернуться к ним позже.
Надёжность: Частота сбоев снизилась с 5% до практически нуля.
Контроль: Новый сервис контроля не прерывает экзамен и предоставляет поддержку 24/7.
Массовые покупки: Для агентств теперь намного проще делать массовые покупки, отслеживать их и видеть, кто использовал попытки.
Единый интерфейс: Дизайн панели управления сертификацией и экзамена теперь соответствует стилю Bubble.
---------------------------------------
📈 Обновления в управлении экзаменом
- Период блокировки после двух неудачных попыток сокращён до трёх недель.
- Сертификат можно перенести на другой аккаунт при переходе между агентствами.
- Можно перерегистрироваться на экзамен на другого человека, если не использованы обе попытки (особенно полезно для массовых покупок экзаменов).
- Подтверждение своего имени перед выдачей сертификата.
---------------------------------------
Источник: Bubble Blog
👍5
Всем привет! ✌🏻
---------------------------------------
На прошлой неделе, 1-2 октября, состоялось значимое событие для всех Bubble-разработчиков — BubbleCon 2024. 🛠 В ходе конференции были представлены важные нововведения и планы по развитию платформы. Ниже — самое интересное.
---------------------------------------
💡 Новый интерфейс AI-ассистента
---------------------------------------
🛠 Новый дизайн Workflow-редактора
---------------------------------------
🔐 Интеграция Flusk в Bubble
---------------------------------------
📱 Native Mobile Apps
---------------------------------------
🎥 Для тех, кто хочет лично посмотреть BubbleCon 2024, вот плейлист. "Фильм" на вечер найден🍿
---------------------------------------
Очень надеюсь, что на будущих BubbleCon будут не только анонсы, но и полноценные релизы...
---------------------------------------
👀 Оставайтесь на связи, подписывайтесь, и следите за обновлениями! 👀
---------------------------------------
На прошлой неделе, 1-2 октября, состоялось значимое событие для всех Bubble-разработчиков — BubbleCon 2024. 🛠 В ходе конференции были представлены важные нововведения и планы по развитию платформы. Ниже — самое интересное.
---------------------------------------
💡 Новый интерфейс AI-ассистента
Теперь AI-ассистент включает строку ввода для описания ключевых функций и пользовательских сценариев. 📋 Введённые функции (User stories / Key features) можно увидеть в предпросмотре и подтвердить перед генерацией приложения. Обновление интересное, но неважное. В большинстве случаев клиенты приходят с уже готовым дизайном, а структуру БД лучше собирать самому, учитывая все тонкости.
⚡️ Альфа-тест стартует в ноябре! (Ссылка на блог)
---------------------------------------
🛠 Новый дизайн Workflow-редактора
Его переработали и внешне упростили, но на практике большинство пользователей чуть-ли не сразу откатили обновление обратно, поняв, что это представление списка воркфлоу наоборот все усложняет. Оно наполнено визуальным шумом в виде ненужного подсчета экшенов в WF.
Изменения слишком радикальны и непродуманны, я бы совместил сильные стороны старого и нового представления.
Что касается вертикального вида шагов WF, он неплох, но пока нет завершенной версии с циклами / условиями / ответвлениями, пользоваться этим обновлением не стоит. Однако начало неплохое. (Ссылка на блог)
---------------------------------------
🔐 Интеграция Flusk в Bubble
Теперь сервис для проверки безопасности и мониторинга приложений Bubble.io будет встроен непосредственно в редактор. Опять же это лишь анонс, сам функционал будет доступен за отдельную плату в одной вероятно в одной из вкладок, а может просто сделают переадресацию в их дэшборд через токен в URL.
Такую интеграцию считаю крайне полезной, данный сервис довольно полезный + у них есть/будет более дружелюбный и удобный интерфейс для трекинга логов приложения, который очень хочется опробовать. (Ссылка на блог)
---------------------------------------
📱 Native Mobile Apps
Наконец самая сочная и интересная новость, ради которой большинство смотрело BubbleCon - возможность создания Native Mobile Apps! 🚀
Это было анонсировано еще в прошлом году и вот наконец редактор нативных приложений увидел свет, однако лишь для альфа - тестировщиков.
Я рад, что являюсь частью этой группы и скоро смогу поделиться с вами впечатлениями и обзорами.😄
К сожалению, неизвестно сколько времени понадобится компании для вывода этого функционала в лайв. (Ссылка на блог)
---------------------------------------
---------------------------------------
Очень надеюсь, что на будущих BubbleCon будут не только анонсы, но и полноценные релизы...
---------------------------------------
Please open Telegram to view this post
VIEW IN TELEGRAM
2🔥10⚡1👍1
---------------------------------------
Упрощаем работу с Bubble! Расширение Bubble.io Editor Customiser позволяет настроить редактор Bubble под себя и избавиться от ненужных элементов интерфейса.
---------------------------------------
Доступные настройки:
- Save your desired elements tree height here — Задайте нужную высоту дерева элементов (например, 24px). Мой любимый параметр, делает древо гораздо компактнее, но менее 20px ставить не советую
- Change element tree left padding — Измените отступ слева для дерева элементов (например, 26px).
- Hide element tree icons — Скрытие иконок дерева элементов (у меня не работает, ничего не изменяется).
- Make top left Bubble logo unclickable — Отключение кликабельности логотипа Bubble в верхнем левом углу.
- New workflow tab colour overrides — Настройка цветов для новых вкладок workflow. Выбранным цветов выделяется весь воркфлоу в древе, а не только мелким кружком.
- Hide top element picker — Скрытие поисковик элементов возле списка страниц.
- Hide gift icon — Убирает иконку подарка.
- Hide mouse icon — Скрытие иконки мыши.
- Hide "View" / "Arrange" dropdowns — Скрытие одноименные меню.
- Hide Components — Убирает панель "Components".
- Hide help and profile icons — Скрытие иконок помощи и профиля.
---------------------------------------
Если знаете какие-либо еще полезные расширения полезные в NoCode - разработке, пишите в комментариях. Соберем подборку вместе. Лично я, помимо этого, пользовался лишь парой библиотек элементов. Ставьте реакции, если интересны такие находки.
---------------------------------------
В будущем планирую делать обзоры платных плагинов. Какие бы вам было интересно увидеть / разобрать?
---------------------------------------
Ссылка на расширение
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥2
---------------------------------------
Плагин "Lottiefiles" хакнули. На данный момент рекомендуется удалить все плагины и код Lottiefiles из проектов, если у вас возникает та же проблема, что описана ниже.
---------------------------------------
Множество пользователей жалуются на всплывающий попап с выбором подключения криптокошелька.
Лечится простым удалением плагинов, использующий Lottiefiles. Советую проверить свои текущие и завершенные проекты
---------------------------------------
Ссылка на форум
Please open Telegram to view this post
VIEW IN TELEGRAM
😱3🔥2🤔1
---------------------------------------
🔥 Интеграция Flusk в Bubble.io 🔥
Первые новости после объявления об объединении Flusk и Bubble после BubbleCon2024
С 21 ноября функции Flusk станут доступны пользователям Agency аккаунтов, чтобы помочь командам создавать безопасные приложения для своих клиентов. 🚀
---------------------------------------
🔑 Что это значит для агентств:
- Полный доступ к функциям Flusk для клиентских приложений на агентском плане.
- Возможность настраивать безопасность во время разработки.
---------------------------------------
📌 Если вы уже используете Flusk, подключить аккаунт Bubble Agency здесь
---------------------------------------
💭 Надеюсь, что эта интеграция предоставит удобные инструменты для мониторинга и проверки безопасности "из коробки".
Очень жду возможности протестировать их интерфейс для трекинга логов
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10
🔥 Native App Builder от Bubble.io 🔥
---------------------------------------
🥳 Наконец-то вновь добрался до создания контента 🥳
---------------------------------------
В обзоре я разбираю:
- Ключевые особенности редактора нативных мобильных приложений
- Его отличия от редактора веб-версии
- Новые элементы
- Новые воркфлоу и экшены
и многое другое касательно нативного приложения!
---------------------------------------
Видео уже на Youtube Канале. Переходите по ссылке ниже, смотрите и комментируйте.
Буду рад услышать ваше мнение😎
---------------------------------------
➡️ Ссылка на видео ⬅️
Таймкоды в описании к видео
---------------------------------------
YouTube канал
Документация Bubble Native App Builder
Ссылка на Waiting list бета-теста Bubble Native App Builder
---------------------------------------
Подписаться "Некодер - канал про ноукод"💃
---------------------------------------
---------------------------------------
В обзоре я разбираю:
- Ключевые особенности редактора нативных мобильных приложений
- Его отличия от редактора веб-версии
- Новые элементы
- Новые воркфлоу и экшены
и многое другое касательно нативного приложения!
---------------------------------------
Видео уже на Youtube Канале. Переходите по ссылке ниже, смотрите и комментируйте.
Буду рад услышать ваше мнение
---------------------------------------
Таймкоды в описании к видео
---------------------------------------
YouTube канал
Документация Bubble Native App Builder
Ссылка на Waiting list бета-теста Bubble Native App Builder
---------------------------------------
Подписаться "Некодер - канал про ноукод"
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥14❤2
НеКодер
🔥 Native App Builder от Bubble.io 🔥 --------------------------------------- 🥳 Наконец-то вновь добрался до создания контента 🥳 --------------------------------------- В обзоре я разбираю: - Ключевые особенности редактора нативных мобильных приложений…
🔥 Новый инструмент от OpenAI — AgentKit Builder 🔥
---------------------------------------
✌🏻 Всем привет! Сегодня разберём свежий релиз от OpenAI — Agent Builder, визуальный редактор для сборки и отладки многошаговых агентских воркфлоу. 🛠
---------------------------------------
💡 Что это такое?
Agent Builder — это визуальный конструктор, где можно собирать агентские сценарии буквально из блоков (нод). Вам не нужен глубокий кодинг, чтобы:
- проектировать агента,
- тестировать его работу на реальных данных,
- и сразу же деплоить результат в свой продукт.
---------------------------------------
🛠 Ключевые фичи:
- Drag & Drop интерфейс — соединяйте ноды, задавайте входы/выходы и стройте логику.
- Превью и отладка — можно запускать тесты прямо внутри конструктора и отслеживать, как данные проходят через шаги.
- Шаблоны воркфлоу — стартуйте с готовых паттернов (например, учебный помощник или маршрутизатор задач).
- Оценка качества — встроенные “грейдеры” для анализа треков выполнения и оценки эффективности.
- Публикация и версионирование — любое изменение фиксируется как версия с ID.
- Деплой:
- через ChatKit (простое внедрение на сайт),
- или скачав SDK-код для глубокой интеграции.
- Виджеты / встроенные компоненты — можно будет встраивать агент как UI-виджет в приложения/сайты (об этом заявляют в новостях как развитие интеграции агентов).
---------------------------------------
🔐 Безопасность
OpenAI отдельно предупреждает о рисках (prompt injection, утечка данных). В документации есть советы, как минимизировать угрозы при создании агентов.
---------------------------------------
Доступные ноды:
🟢 Core nodes
- Start — задаёт входы в воркфлоу, фиксирует ввод пользователя.
- Agent — основной шаг с инструкциями, инструментами и моделью.
- Note — комментарии внутри схемы (не влияют на логику).
🛠 Tool nodes
- File search — поиск данных в векторных хранилищах.
- Guardrails — фильтры на PII, джейлбрейки, злоупотребления.
- MCP — подключение внешних сервисов и API (Gmail, Zapier и др).
⚙️ Logic nodes
- If/else — условные ветвления.
- While — циклы на условиях.
- Human approval — запрос одобрения у пользователя перед действием.
📊 Data nodes
- Transform — преобразование выходных данных в нужный формат.
- Set state — глобальные переменные для повторного использования в потоке.
---------------------------------------
📌 Документация
🎥 Видеообзор от OpenAI
---------------------------------------
Делитесь своими мыслями в комментариях! 🚀
---------------------------------------
✌🏻 Всем привет! Сегодня разберём свежий релиз от OpenAI — Agent Builder, визуальный редактор для сборки и отладки многошаговых агентских воркфлоу. 🛠
---------------------------------------
💡 Что это такое?
Agent Builder — это визуальный конструктор, где можно собирать агентские сценарии буквально из блоков (нод). Вам не нужен глубокий кодинг, чтобы:
- проектировать агента,
- тестировать его работу на реальных данных,
- и сразу же деплоить результат в свой продукт.
---------------------------------------
🛠 Ключевые фичи:
- Drag & Drop интерфейс — соединяйте ноды, задавайте входы/выходы и стройте логику.
- Превью и отладка — можно запускать тесты прямо внутри конструктора и отслеживать, как данные проходят через шаги.
- Шаблоны воркфлоу — стартуйте с готовых паттернов (например, учебный помощник или маршрутизатор задач).
- Оценка качества — встроенные “грейдеры” для анализа треков выполнения и оценки эффективности.
- Публикация и версионирование — любое изменение фиксируется как версия с ID.
- Деплой:
- через ChatKit (простое внедрение на сайт),
- или скачав SDK-код для глубокой интеграции.
- Виджеты / встроенные компоненты — можно будет встраивать агент как UI-виджет в приложения/сайты (об этом заявляют в новостях как развитие интеграции агентов).
---------------------------------------
🔐 Безопасность
OpenAI отдельно предупреждает о рисках (prompt injection, утечка данных). В документации есть советы, как минимизировать угрозы при создании агентов.
---------------------------------------
Доступные ноды:
🟢 Core nodes
- Start — задаёт входы в воркфлоу, фиксирует ввод пользователя.
- Agent — основной шаг с инструкциями, инструментами и моделью.
- Note — комментарии внутри схемы (не влияют на логику).
🛠 Tool nodes
- File search — поиск данных в векторных хранилищах.
- Guardrails — фильтры на PII, джейлбрейки, злоупотребления.
- MCP — подключение внешних сервисов и API (Gmail, Zapier и др).
⚙️ Logic nodes
- If/else — условные ветвления.
- While — циклы на условиях.
- Human approval — запрос одобрения у пользователя перед действием.
📊 Data nodes
- Transform — преобразование выходных данных в нужный формат.
- Set state — глобальные переменные для повторного использования в потоке.
---------------------------------------
📌 Документация
🎥 Видеообзор от OpenAI
---------------------------------------
Делитесь своими мыслями в комментариях! 🚀
❤4🔥3