1️⃣0️⃣0️⃣ подписчиков на канале! 💃

---------------------------------------

Спасибо всем кто присоединился! 😘

---------------------------------------

Извиняюсь, немного подзабросил канал и Youtube из-за переезда, миграции и текущих проектов, но обещаю, что исправлюсь!

Новый полезный контент очень скоро! 😮

---------------------------------------

Подписывайтесь на YouTube - канал, чтобы ничего не пропустить

Всем привет! И хорошего дня ✌🏻

---------------------------------------

🧐 Вчера я озадачился вопросом о структуризации своих уроков и полезных вещей, собранных на просторах интернета

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

---------------------------------------

🗂 Представляю вам первую версию такой базы. Она будет регулярно пополняться и обновляться, здесь можно будет найти различные полезные ссылки, новые и уже выпущенные уроки / посты с моих каналов.

Готов выслушать предложения и пожелания в комментариях.

---------------------------------------

➡️ Ссылка на Gitbook

---------------------------------------

#некодер #bubble #база_знаний

🚀 Обновление в редакторе 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.io 😱

---------------------------------------

CSS для скрытия банера
"👋 Built on Bubble"

---------------------------------------

🔤🔤🔤🔤🔤🔤

ИСПОЛЬЗОВАТЬ НА СВОЙ СТРАХ И РИСК 😅

Если 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>

---------------------------------------

Надеюсь, что кому-то пригодится для скрытия знака на бесплатном тарифе 💃

😘 Полезные CSS 😘

---------------------------------------

Вот еще несколько 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>

<script>
    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";
        }
    });
</script>

*Поменять #idtimepicker и idtimepicker в JS на свой ID

---------------------------------------

Инструкция к применению, как обычно:

- Добавь блок HTML на страницу
- Вставить в него нужный код
- Поменять #id в стилях

---------------------------------------

Пишите комментарии и вопросы / ставьте реакции, если понравилось 💃