Всем привет!
Сейчас глубоко погружен в работу над проектами, поэтому решил рассказать об одной из небольших рабочих задач на Bubble.io. Иногда мне приходится верстать лендинги на Bubble, это еще то удовольствие... Особенно когда нужно делать интерактивные элементы или анимации. Сегодня расскажу вам как сделать кастомный Slider input (задачка по дизайну уровня Middle), с которым я столкнулся сегодня. Итак, нам понадобиться:
1) Group (Основной контейнер) - 1 шт
2) Repeating group - 1 шт (далее по тексту "RG")
3) Бесплатный плагин Hovered Action - 1 шт
4) Option set - 1 шт.
Стадия 1 - Подготовительная
В начале создаем Option set, назовем его "Landing_slider_points". В нем создаем элементы, которые хотим отобразить на слайдере. Количество элементов = количеству делений слайдера. В моем случае еще были созданы дополнительные атрибуты - годы инвестирования и проценты, которые отображаются в окошке выше.
Далее добавляем основной контейнер, создаем для него custom state с типом "Landing_slider_points". В него закидываем RG. Кол-во ячеек = количеству элементов в нашем слайдере. Layout для RG - без разницы, потому что нужно всегда класть в ячейку RG еще одну группу с неограниченной высотой и шириной (назовем ее "Main_input_container"), так проще. Для внутренней группы layout - align to parent. В эту группу кидаем:
1) Группу (линию слайдера), делаем её фиксированной высоты (в моем случае 30px) и неограниченной ширины.
2) Группу (поинт слайдера), который будем двигать. В моем случае этот поинт состоит из нескольких вложенных групп по центру с разной opacity.
3) Группу-подсказку, прикрепляем её наверху
4) Элемент от плагина Hovered Action
Стадия 2 - Бизнеспроцесная
Теперь нам надо как-то это заставить работать. В начале связываем группу "Main_input_container" и плагин Hovered Action. Для этого присваеваем ID Attribute нашему контейнеру slider_cell*Current cell's index* (между звездочками динамичный текст), тоже самое пишем в элементе плагина в разделе ID Attribute Element. Далее идем на вкладку WF и создаем новый WF с типом "Hovered action A element hovered", в него добавляем одно действие Set state..., в нем выбираем наш главный контейнер и стейт "Landing_slider_points". В стейт записываем Parent Group's Landing_slider_points.
Стадия 3 - Украшательская
Проверяем как все работает. В моем случае окно подсказок вылезало из контейнера и нужно было закруглить. Наводим косметику с помощью Condition: "Current index is 1" и "Current index is 13" и меняем Margin. По вкусу добавляем Transitions
Готово, вы великолепны! Если знаете способы проще - Welcome в комментарии😉
Сейчас глубоко погружен в работу над проектами, поэтому решил рассказать об одной из небольших рабочих задач на Bubble.io. Иногда мне приходится верстать лендинги на Bubble, это еще то удовольствие... Особенно когда нужно делать интерактивные элементы или анимации. Сегодня расскажу вам как сделать кастомный Slider input (задачка по дизайну уровня Middle), с которым я столкнулся сегодня. Итак, нам понадобиться:
1) Group (Основной контейнер) - 1 шт
2) Repeating group - 1 шт (далее по тексту "RG")
3) Бесплатный плагин Hovered Action - 1 шт
4) Option set - 1 шт.
Стадия 1 - Подготовительная
В начале создаем Option set, назовем его "Landing_slider_points". В нем создаем элементы, которые хотим отобразить на слайдере. Количество элементов = количеству делений слайдера. В моем случае еще были созданы дополнительные атрибуты - годы инвестирования и проценты, которые отображаются в окошке выше.
Далее добавляем основной контейнер, создаем для него custom state с типом "Landing_slider_points". В него закидываем RG. Кол-во ячеек = количеству элементов в нашем слайдере. Layout для RG - без разницы, потому что нужно всегда класть в ячейку RG еще одну группу с неограниченной высотой и шириной (назовем ее "Main_input_container"), так проще. Для внутренней группы layout - align to parent. В эту группу кидаем:
1) Группу (линию слайдера), делаем её фиксированной высоты (в моем случае 30px) и неограниченной ширины.
2) Группу (поинт слайдера), который будем двигать. В моем случае этот поинт состоит из нескольких вложенных групп по центру с разной opacity.
3) Группу-подсказку, прикрепляем её наверху
4) Элемент от плагина Hovered Action
Стадия 2 - Бизнеспроцесная
Теперь нам надо как-то это заставить работать. В начале связываем группу "Main_input_container" и плагин Hovered Action. Для этого присваеваем ID Attribute нашему контейнеру slider_cell*Current cell's index* (между звездочками динамичный текст), тоже самое пишем в элементе плагина в разделе ID Attribute Element. Далее идем на вкладку WF и создаем новый WF с типом "Hovered action A element hovered", в него добавляем одно действие Set state..., в нем выбираем наш главный контейнер и стейт "Landing_slider_points". В стейт записываем Parent Group's Landing_slider_points.
Стадия 3 - Украшательская
Проверяем как все работает. В моем случае окно подсказок вылезало из контейнера и нужно было закруглить. Наводим косметику с помощью Condition: "Current index is 1" и "Current index is 13" и меняем Margin. По вкусу добавляем Transitions
Готово, вы великолепны! Если знаете способы проще - Welcome в комментарии😉
🔥6
Тут статья с моей историей вышла, рекомендую к прочтению )
Forwarded from CyberBand No-code | IT продукты без кода
💼 Как внедрить направление no-code разработки в компании, поработать на трех работах одновременно и победить в хакатоне?
В этой статье Тимофей Зайцев, разработчик на Bubble, расскажет про свой путь в no-code.
«Да ну, не может быть так просто то, для чего мы всегда искали кучу разработчиков, аналитиков, писали огромные ТЗ-шки, отдавали их разработчикам, разработчики писали код, мы его проверяли, отправляли на доработку. Это что получается можно сделать всё самому? При этом не надо уметь программировать?»
«Я просыпался очень рано и ложился очень поздно, ничего не делал кроме как разрывался между звонками, переключался с русского на английский и очень-очень много разрабатывал. Я значимо подвыгорел к середине лета, но зато поправил финансовое положение, адаптировался в новой дубайской компании.»
Делимся историей Тимофея в нашем блоге — читай по ссылке 💙
Время чтения: ～ 10 минут
@cyberband_nocode
В этой статье Тимофей Зайцев, разработчик на Bubble, расскажет про свой путь в no-code.
«Да ну, не может быть так просто то, для чего мы всегда искали кучу разработчиков, аналитиков, писали огромные ТЗ-шки, отдавали их разработчикам, разработчики писали код, мы его проверяли, отправляли на доработку. Это что получается можно сделать всё самому? При этом не надо уметь программировать?»
«Я просыпался очень рано и ложился очень поздно, ничего не делал кроме как разрывался между звонками, переключался с русского на английский и очень-очень много разрабатывал. Я значимо подвыгорел к середине лета, но зато поправил финансовое положение, адаптировался в новой дубайской компании.»
Делимся историей Тимофея в нашем блоге — читай по ссылке 💙
Время чтения: ～ 10 минут
@cyberband_nocode
🔥7
Сегодня я запускаю свой стартап — DevСoach.io ✈️
Недавно я столкнулся с такой проблемой, что порой трачу 1-2 дня на поиск решений задач на Bubble, которое в итоге оказывается достаточно простым.
При этом я понимаю, что я далеко не первый, кто решает подобную задачу… И вот было бы здорово получить ответ быстро, не тратя дни на поиски…
С другой стороны, ко мне переодически обращаются в личку за консультациями, которые я с удовольствием провожу.
Так мне пришла идея сделать платформу, на которой начинающие разработчики смогут получить персональную онлайн консультацию по своим задачам, а эксперты — дополнительно монетизировать свой опыт, проводя консультации.
Сегодня я хочу представить вам mvp своего продукта — DevCoach.io
Мы запускаемся в режиме Beta — впереди ещё много работы — буду смотреть, что добавить, что убрать. Буду очень рад любому фидбеку и конструктивной обратной связи.
Платформа полностью бесплатная, переходите по ссылке и пользуйтесь на здоровье 😉
Приглашаю вас в наше комьюнити BETA-пользователей:
👉🏻 https://news.1rj.ru/str/devcoach
Недавно я столкнулся с такой проблемой, что порой трачу 1-2 дня на поиск решений задач на Bubble, которое в итоге оказывается достаточно простым.
При этом я понимаю, что я далеко не первый, кто решает подобную задачу… И вот было бы здорово получить ответ быстро, не тратя дни на поиски…
С другой стороны, ко мне переодически обращаются в личку за консультациями, которые я с удовольствием провожу.
Так мне пришла идея сделать платформу, на которой начинающие разработчики смогут получить персональную онлайн консультацию по своим задачам, а эксперты — дополнительно монетизировать свой опыт, проводя консультации.
Сегодня я хочу представить вам mvp своего продукта — DevCoach.io
Мы запускаемся в режиме Beta — впереди ещё много работы — буду смотреть, что добавить, что убрать. Буду очень рад любому фидбеку и конструктивной обратной связи.
Платформа полностью бесплатная, переходите по ссылке и пользуйтесь на здоровье 😉
Приглашаю вас в наше комьюнити BETA-пользователей:
👉🏻 https://news.1rj.ru/str/devcoach
Please open Telegram to view this post
VIEW IN TELEGRAM
Telegram
DevСoach.io — Beta
DevCoach.io is a platform where novice developers can get personal advice from an expert on complex issues, and experts can additionally monetize their knowledge.
👍12❤4
Итоги 2022 года!
Всем привет! Как-то после сообщения о запуске стартапа Devcoach.io я ничего не постил 2 месяца.
Решил подвести итоги 2022 года в этом сообщении, чтоб вы знали, что я не только разработчик, но еще и человек😉
Пожалуй этот год стал даже более поворотным, чем мой 2012 с переездом в Питер.
Я не хочу сглаживать углы и искать обтекаемые формулировки. Война между Россией и Украиной изменила мою жизнь и еще жизни миллионов людей. Боюсь, нам придется нести этот груз ответственности еще долгие десятилетия.
С момента отъезда из России 27 февраля меня не покидает ощущение, что раньше я год за годом ехал по накатанной колее - КОРУС, ипотеки, квартира на Беговой… Не идеально, но привычно и спокойно. Сейчас же я иду вперёд по лезвию ножа, стараясь удержать равновесие и начиная все с чистого листа.
Получается, кстати, вроде неплохо. За этот год я:
✅ Переехал из России в Дубай и устроился тут No-code разработчиком
✅ Получил ВНЖ ОАЭ с правом открытия банковских счетов и всеми плюшками
✅ Сделал несколько интересных проектов для Франции, ОАЭ, Америки и России
✅ Значительно улучшил свой уровень английского
✅ Записал обучающий курс по No-code для todoo.digital, первый второй прошел хорошо, второй - пока не знаю.
✅ Запустил devcoach.io, но пока не придумал, что с ним делать
✅ В декабре перебрался на Бали, где нахожусь в настоящий момент и пока не планирую уезжать
✅ Еще больше погрузился в Bubble и продолжаю на нет работать.
Теперь о планах: честно говоря, я понятия не имею что будет дальше и планирую действовать по обстоятельствам 😀 Как-то в разговоре кто-то пошутил «Мы - русские, мы планируем на день назад» - эта фраза очень точно описывает мой план.
Есть идея еще одного проекта, уже с более понятной экономикой и ЦА. Есть мысль сделать собственный курс по Bubble. В среднесрочной и долгосрочной перспективе похоже придется озадачиться получением нового гражданства.
Есть еще одна важная деталь - все приключения со мной находилась моя девушка - Алена. И вдвоём нам было значительно проще, не будь не - не знаю как бы все сложилось.
Вот такой вот 2022 год, не ожидал я от него такого, конечно, но что поделать.
С Новым Годом!
Всем привет! Как-то после сообщения о запуске стартапа Devcoach.io я ничего не постил 2 месяца.
Решил подвести итоги 2022 года в этом сообщении, чтоб вы знали, что я не только разработчик, но еще и человек😉
Пожалуй этот год стал даже более поворотным, чем мой 2012 с переездом в Питер.
Я не хочу сглаживать углы и искать обтекаемые формулировки. Война между Россией и Украиной изменила мою жизнь и еще жизни миллионов людей. Боюсь, нам придется нести этот груз ответственности еще долгие десятилетия.
С момента отъезда из России 27 февраля меня не покидает ощущение, что раньше я год за годом ехал по накатанной колее - КОРУС, ипотеки, квартира на Беговой… Не идеально, но привычно и спокойно. Сейчас же я иду вперёд по лезвию ножа, стараясь удержать равновесие и начиная все с чистого листа.
Получается, кстати, вроде неплохо. За этот год я:
✅ Переехал из России в Дубай и устроился тут No-code разработчиком
✅ Получил ВНЖ ОАЭ с правом открытия банковских счетов и всеми плюшками
✅ Сделал несколько интересных проектов для Франции, ОАЭ, Америки и России
✅ Значительно улучшил свой уровень английского
✅ Записал обучающий курс по No-code для todoo.digital, первый второй прошел хорошо, второй - пока не знаю.
✅ Запустил devcoach.io, но пока не придумал, что с ним делать
✅ В декабре перебрался на Бали, где нахожусь в настоящий момент и пока не планирую уезжать
✅ Еще больше погрузился в Bubble и продолжаю на нет работать.
Теперь о планах: честно говоря, я понятия не имею что будет дальше и планирую действовать по обстоятельствам 😀 Как-то в разговоре кто-то пошутил «Мы - русские, мы планируем на день назад» - эта фраза очень точно описывает мой план.
Есть идея еще одного проекта, уже с более понятной экономикой и ЦА. Есть мысль сделать собственный курс по Bubble. В среднесрочной и долгосрочной перспективе похоже придется озадачиться получением нового гражданства.
Есть еще одна важная деталь - все приключения со мной находилась моя девушка - Алена. И вдвоём нам было значительно проще, не будь не - не знаю как бы все сложилось.
Вот такой вот 2022 год, не ожидал я от него такого, конечно, но что поделать.
С Новым Годом!
👍15🕊5
Всех с началом рабочей недели!
Скорее всего вы, как и я, пытаетесь выйти из оливьешной комы и настроиться на рабочий лад.
Чтобы втянуться в рабочий процесс предлагаю начать рабочий день со знакомства с возможностями современных нейронных сетей 😉
Я сделал Telegram бота, с помощью которого вы сможете:
✅ Решить любую текстовую задачу: написать пост для соц.сетей, сгенерировать SEO-описания или просто получить ответ на свой вопрос
✅ Написать код на любом языке разработке
✅ Сгенерировать изображение по текстовому описанию
Втягивайтесь в рабочий решим с ботом https://news.1rj.ru/str/TimNocodeAI_bot
Скорее всего вы, как и я, пытаетесь выйти из оливьешной комы и настроиться на рабочий лад.
Чтобы втянуться в рабочий процесс предлагаю начать рабочий день со знакомства с возможностями современных нейронных сетей 😉
Я сделал Telegram бота, с помощью которого вы сможете:
✅ Решить любую текстовую задачу: написать пост для соц.сетей, сгенерировать SEO-описания или просто получить ответ на свой вопрос
✅ Написать код на любом языке разработке
✅ Сгенерировать изображение по текстовому описанию
Втягивайтесь в рабочий решим с ботом https://news.1rj.ru/str/TimNocodeAI_bot
Telegram
TimNocodeAI
Бот с искусственным интеллектом
👏2
Всех с утром понедельника и хорошей рабочей недели!
😁5👍3🔥1💩1
⚡️TimNocodeAI_bot V 2.0
С удивлением обнаружил, что ботом активно пользуются, поэтому сегодня выкатил обновления:
1) Бот переведен на новейший ChatGPT ⚡️
2) Добавлена функция генерации ответа на отзывы на маркетплейсах! ⚡️
3) Полностью перенесен Backend с Albato на Botmother + Bubble.io
4) Добавлены автоматические PROMT-помощники, которые улучшают результат
5) Добавлено меню и подсказки
Еще создал отдельную группу, в которой можно поделиться результатом и задать вопросы, вступайте 😉
https://news.1rj.ru/str/TimNocodeAI
PS ошибку поправил, теперь все работает)
С удивлением обнаружил, что ботом активно пользуются, поэтому сегодня выкатил обновления:
1) Бот переведен на новейший ChatGPT ⚡️
2) Добавлена функция генерации ответа на отзывы на маркетплейсах! ⚡️
3) Полностью перенесен Backend с Albato на Botmother + Bubble.io
4) Добавлены автоматические PROMT-помощники, которые улучшают результат
5) Добавлено меню и подсказки
Еще создал отдельную группу, в которой можно поделиться результатом и задать вопросы, вступайте 😉
https://news.1rj.ru/str/TimNocodeAI
PS ошибку поправил, теперь все работает)
Telegram
TimNocodeAI
Бот с искусственным интеллектом
❤1💩1
BotUpdate - Общение с ChatGPT голосом🔥
Допилил фичу, теперь боту можно голосовые сообщения и получать ответ из ChatGPT
@TimNocodeAI_bot
Enjoy!
Допилил фичу, теперь боту можно голосовые сообщения и получать ответ из ChatGPT
@TimNocodeAI_bot
Enjoy!
❤3💩2👍1
🔥BotUpdate - аналог Midjourney V.0.1
Выходные прошли в поиске альтернативы нейросетки DALL·E 2 для text-to-image задач.
В процессах поиска наткнулся на https://replicate.com/. На сервисе юзеры запускают свои нейросетки и дают к ним удобный доступ по API
Подключил нейросетку, натюненную на результах нейросетки ♾
Еще переехали на https://news.1rj.ru/str/NeuromateAI_bot
Го в группе https://news.1rj.ru/str/TimNocodeAI обсудим, как вы уже используете AI?)
Выходные прошли в поиске альтернативы нейросетки DALL·E 2 для text-to-image задач.
В процессах поиска наткнулся на https://replicate.com/. На сервисе юзеры запускают свои нейросетки и дают к ним удобный доступ по API
Подключил нейросетку, натюненную на результах нейросетки ♾
Еще переехали на https://news.1rj.ru/str/NeuromateAI_bot
Го в группе https://news.1rj.ru/str/TimNocodeAI обсудим, как вы уже используете AI?)
🔥2👍1🤡1
Ребята, происходит что-то неожиданное!
Уехал на выходные на Гили, бот упал. Приехал обратно, смотрю - в бот пришли 600 новых пользователей за выходные без вложений в рекламу! Конечно все упало, но я уже починил.
На прошлой неделе у меня было несколько веселых ночей развертывания N8N на своем серваке (облачные лимиты скушало за пару дней) и попытки как-то это отладить. Вроде получилось.
Теперь думаю, что взять под БД вместо Bubble и как (и нужно ли?) переехать с Botmother.
Если тут есть люди, которые делали бота на N8N - просьба стукнуть в личку или написать в коментах!
Уехал на выходные на Гили, бот упал. Приехал обратно, смотрю - в бот пришли 600 новых пользователей за выходные без вложений в рекламу! Конечно все упало, но я уже починил.
На прошлой неделе у меня было несколько веселых ночей развертывания N8N на своем серваке (облачные лимиты скушало за пару дней) и попытки как-то это отладить. Вроде получилось.
Теперь думаю, что взять под БД вместо Bubble и как (и нужно ли?) переехать с Botmother.
Если тут есть люди, которые делали бота на N8N - просьба стукнуть в личку или написать в коментах!
🔥2👍1
Всем йоу!
Сегодня важный день - мы запустили оплату в боте (раньше он был полностью бесплатный, но мы уже торчим 1000$ ChatGPT)))) Делаем ставки, сколько денег мы смодем привлечь в течение недели 😉
Сегодня важный день - мы запустили оплату в боте (раньше он был полностью бесплатный, но мы уже торчим 1000$ ChatGPT)))) Делаем ставки, сколько денег мы смодем привлечь в течение недели 😉
Anonymous Poll
22%
0 ₽
16%
1 000 ₽
16%
10 000 ₽
17%
50 000 ₽
7%
100 000 ₽
21%
>100 000 ₽
Всем привет!
Что-то я снова пропал на несколько месяцев и оставил вас в интриге, что происходит с NeuromateAI, да и в целом у меня по жизни, исправляюсь!
После Бали успел слетать в Дубай на месяц, с начала лета нахожусь в Сербии. Сербия - кайфовая, в целом это лучшее место для постоянного проживания. Если интересно - почему, ставьте реакции, напишу отдельный пост.
С NeuromateAI тоже все хорошо, уже преодолели планку в 30 000 пользователей, которые хотя бы раз воспользовались ботом. Но хайп постепенно спадает и уже нет такого ажиотажа.
Кроме NeuromateAI запустили еще несколько проектов, но они пока в очень ранней стадии, напишу о них позднее.
Так что все хорошо у меня, буду стараться писать вам чаще 😉
Что-то я снова пропал на несколько месяцев и оставил вас в интриге, что происходит с NeuromateAI, да и в целом у меня по жизни, исправляюсь!
После Бали успел слетать в Дубай на месяц, с начала лета нахожусь в Сербии. Сербия - кайфовая, в целом это лучшее место для постоянного проживания. Если интересно - почему, ставьте реакции, напишу отдельный пост.
С NeuromateAI тоже все хорошо, уже преодолели планку в 30 000 пользователей, которые хотя бы раз воспользовались ботом. Но хайп постепенно спадает и уже нет такого ажиотажа.
Кроме NeuromateAI запустили еще несколько проектов, но они пока в очень ранней стадии, напишу о них позднее.
Так что все хорошо у меня, буду стараться писать вам чаще 😉
🔥21👍11❤3🐳1
Всем йоу!
Сегодня буду рассказывать подробно про NeuromateAI и не только на открытой встрече
Ссылка: https://meet.google.com/acn-tema-pxg
Старт в 19:00 по МСК
Обсудим разные нейросети, покажем изнанку нашего бота и проведем брейншторм по улучшению @NeuromateAI_bot
Сегодня буду рассказывать подробно про NeuromateAI и не только на открытой встрече
Ссылка: https://meet.google.com/acn-tema-pxg
Старт в 19:00 по МСК
Обсудим разные нейросети, покажем изнанку нашего бота и проведем брейншторм по улучшению @NeuromateAI_bot
Google
Real-time meetings by Google. Using your browser, share your video, desktop, and presentations with teammates and customers.
❤3
🚀 AI Actions от Zapier: настоящие персональные ассистенты 🚀
Всем йоу!
На этой неделе тестировал AI actions в Zapier и решил поделиться с вами результатами.
### Что такое AI Actions?
AI Actions - это сервис от Zapier, позволяющий ChatGPT (и другим AI) выполнять действия в ваших личных сервисах (которых более 20 000!).
Вот пример - вы подключаете Google аккаунт и пишите «Добавь на завтра в 15:00 встречу с Артемом в календарь». Через несколько секунд встреча у вас в Google календаре!
### Как попробовать?
Доступно из примеров:
1. CalendarGPT - Live GPT demo
2. DossierGPT - Live GPT demo
Все, что нужно сделать - зайти, написать задачу, несколько раз авторизоваться и подтвердить действия. Если хотите углубиться - вот тут подробнее: https://actions.zapier.com/docs/platform/gpt
### Итог
AI Actions от Zapier - это еще один шажок, который делает AI полезнее и удобнее в использовании. Накидайте в комментариях кейсы, которые вы сможете сделать с помощью него 😉
Всем йоу!
На этой неделе тестировал AI actions в Zapier и решил поделиться с вами результатами.
### Что такое AI Actions?
AI Actions - это сервис от Zapier, позволяющий ChatGPT (и другим AI) выполнять действия в ваших личных сервисах (которых более 20 000!).
Вот пример - вы подключаете Google аккаунт и пишите «Добавь на завтра в 15:00 встречу с Артемом в календарь». Через несколько секунд встреча у вас в Google календаре!
### Как попробовать?
Доступно из примеров:
1. CalendarGPT - Live GPT demo
2. DossierGPT - Live GPT demo
Все, что нужно сделать - зайти, написать задачу, несколько раз авторизоваться и подтвердить действия. Если хотите углубиться - вот тут подробнее: https://actions.zapier.com/docs/platform/gpt
### Итог
AI Actions от Zapier - это еще один шажок, который делает AI полезнее и удобнее в использовании. Накидайте в комментариях кейсы, которые вы сможете сделать с помощью него 😉
❤7