Tilda и Zero Block | Блог Дмитрия Рыбалка

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

Как ускорить работу при создании сайтов с помощью шаблонных блоков.Если на вашем сайте часто используются однотипные блоки, советую создать шаблоны блоков.1. Подготавливаете шаблон блока2. Задаёте стили, отступы, размеры3. Оптимизируйте под все устройства4. Используете в будущем этот шаблон множество раз

Лайфхак с активным пунктом меню. Как оставить пункт меню активным, когда мы уводим с него курсор на подменю Zero Block.Всё достаточно просто!Во всплывающем меню Zero Block нужно на место основного объекта наложить новый, например, другого цвета. При открытии всплывающего меню Zero Block новый объект перекроет старый и визуально будет казаться, что пункт меню активен.Вариант подсветки активного пункта меню: цвет текста, фон кнопки, стрелка (активная, в обратную сторону), черта / точка под пунктом. Вообще, идей может быть очень много, можно даже при наведении на один пункт меню, затемнять все остальные пункты (наложив шейп прозрачностью 50%).Пользуйтесь!

📌 В Telegram буду выкладывать короткие видео с интересными идеями в Тильде и Zero Block.

Channel name was changed to «Tilda и Zero Block | Блог Дмитрия Рыбалка»

Интересная особенность калькуляции в формах Zero Block.Заметил интересный момент. Если в рамках одного Zero Block использовать несколько форм, то калькуляция между ними будет работать.На скриншоте 3 формы: видеокарта, процессор и итоговое значение (формула a + b). И стоимость корректно высчитывается в итоговом значении.Появляются следующие мысли. В рамках одного Zero Block можно создать полноценную большую форму. Возле каждой формы можно, например, размещать графику и визуал, делать блок достаточно длинным с множеством форм, а в самом низу блока выводить итоговое значение.Лайк! Пробуйте!

Небольшой совет по подбору шрифтов и предложению их заказчику.По опыту знаю, что почти все заказчики — визуалы. Важно каждый этап создания сайта показывать картинкой или рабочим макетом.Один из первых этапов — подбор шрифтов. Если у заказчика нет фирменного стиля с готовыми шрифтами, необходимо заниматься подбором шрифта. Чтобы согласовать с заказчиком подходящий шрифт, я обычно предлагаю несколько вариантов. Загружаю в Тильду несколько шрифтов и отображаю их в Zero Block разными элементами: заголовками, кнопками и текстом с цифрами и символами.Таким образом на примере одного блока или созданной структуры страницы можно быстро определиться с заказчиком с выбором шрифта и его лицензией.

Аналоги YouTube: ТОП-7 альтернатив Ютюбу.Чем заменить YouTube в сайтах на Тильде + код для мобильной адаптации видео (ссылка в конце).Сейчас общаюсь со своими клиентами о переходе с YouTube на Российские видеохостинги. Изучил возможные варианты, о которых хочу вам рассказать.С одним клиентом наш выбор остановился на Дзен по следующим причинам:1. Аудитория Дзена подходит под тематику бизнеса2. Удобный, красивый, быстрый плеер4. Видео попадает в поиск4. Хорошее начало для развития новой социальной сетиМой ТОП-7 список аналогов YouTube: 1. Дзен — быстрый видеоплеер, взрослая аудитория, видео попадает в поиск Яндекс Видео, более 80 млн активных пользователей в месяц, потребление контента: текст 50%, видео 30%2. VK Видео — быстрый плеер, большая аудитория, много рекламы, месячная аудитория VK Видео — 68 млн, среднесуточное число просмотров VK Клипов — 950 млн3. RuTube — по моим ощущениям немного глючный плеер, большое количество загруженных видео, видео попадает в поиск Яндекс Видео, ежемесячная аудитория RuTube составляет 47,6 млн4. Vimeo — качественный американский видеоплеер, без пропаганды, поэтому маловероятно, что он будет заблокирован в России5. Selectel — платный хостинг для вставки видео на сайт (рекомендация Тильды), стоимость от 900₽ в месяц за 1 ГБ, высокая защита от DDoS-атак, сервера находятся на территории России6. Twitch — бесплатный игровой видеохостинг, более 3 млн активных пользователей в месяц из которых 72% мужчин и 28% женщин7. HTML5 видео — надёжный способ разместить любые видео на хостинге и вставить их на сайт, видео не продвигаются и не попадают в поискКод для мобильной адаптации iframe видео можете найти у меня в более полной статье по ссылке.Также советую почитать полезную статью от Тильды «Вставка видео на страницу» по ссылке.

Одна из недавних работ.Genios — интернет-магазин техники Apple.Хочу рассказать вам о некоторых интересных моментах в этом интернет-магазине.• В десктопной версии можете увидеть, как сделаны всплывающие меню в Zero Block• Как всегда использую дополнительный размер макета 380px для мобильных устройств с большими экранами• С помощью скрипта добавили 2-ю цену в карточку товара• Для упрощения работы все повторяющиеся одинаковые блоки сделаны с помощью Alias-блоков• В контактах на картах добавлена своя иконка — это теперь можно сделать в ТильдеКейс: https://dmitryrybalka.ru/work/genios --Тел., WA: +7 (980) 700-30-30Телеграм: t.me/dmitryrybalkaВиджет отзывов: cloudcomments.ru

Советы для оптимизации и ускорения работы в Тильде.1) Если в сайте много однотипных блоков, создайте один, адаптируйте его и используйте как шаблон для других блоков.Пример фото 2, 3 — здесь я подготовил полугруглый переход между блоками, адаптировал его и использую как шаблон для других переходов.Пример фото 4, 5 — здесь я подготовил заголовок для блока, адаптировал его и использую в других заголовках2) Используйте Alias-блоки T213, если вы планируете показывать один и тот же блок в разных местах. Очень удобно его использовать в многостраничных сайтах. Если Alias-блоков много, обычно, я собираю на отдельной странице.Пример фото 6 — блок недавние работы. В этот блок я добавляю новые работы и они добавляются во все Alias-блоки. Удобно!3) Корзина как Alias-блок. В моём портфолио есть сайт 4-х ресторанов Халиф (ежемесячная выручка сайта от 1 млн ₽). У каждого ресторана свои особенности доставки и своя корзина.Пример — в главной странице Халиф Ногинск создана корзина, настроена и продублирована на другие страницы с помощью Alias-блока, а в главной странице Халиф Раменское создана другая корзина, настроена и продублирована на другие страницы Раменского с помощью Alias-блока.Эти советы мне помогают создавать быстро большие сайты, ускорять работу и оптимизировать поддержку сайтов.Пользуйтесь!Чтобы получать больше заказов с сайта, можете попробовать наш виджет отзывов @CloudComments!Советы для оптимизации и ускорения работы в Тильде.1) Если в сайте много однотипных блоков, создайте один, адаптируйте его и используйте как шаблон для других блоков.Пример фото 2, 3 — здесь я подготовил полугруглый переход между блоками, адаптировал его и использую как шаблон для других переходов.Пример фото 4, 5 — здесь я подготовил заголовок для блока, адаптировал его и использую в других заголовках2) Используйте Alias-блоки T213, если вы планируете показывать один и тот же блок в разных местах. Очень удобно его использовать в многостраничных сайтах. Если Alias-блоков много, обычно, я собираю