Tilda Publishing News
32.5K subscribers
2.86K photos
193 videos
4 files
1.72K links
Новости Тильды: пишем о новых блоках, шаблонах, функциях и присылаем ссылки на наши статьи

Официальный чат пользователей Тильды: https://t.me/tilda_official_chat
Правила чата: https://blog.tilda.cc/community-chat-rules
Download Telegram
Ускорение загрузки сайта на Тильде

Работа над скоростью загрузки страниц для нас стала ежедневной рутиной. Мы внедряем новые технологии и оптимизируем процессы, чтобы сайты на Тильде открывались быстрее. Часть изменений видна пользователю в интерфейсе личного кабинета, а некоторые остаются незаметными.

Обновления, выпущенные за последнее время:

🌪️ Новая стратегия разделения загрузки критичных и второстепенных скриптов.

Асинхронное подключение JavaScript- и CSS-файлов позволила ускорить загрузку сайта. Уже работает на ваших проектах по умолчанию.

🌪️ Мгновенная отрисовка контента на странице.

Если функция включена, загрузка шрифта не будет блокировать отрисовку страницы. При загрузке страницы браузер сначала покажет текст системным шрифтом, а после подгрузки файла шрифт изменится на подключенный. Где включить: Настройки сайта > Шрифты и цвета > Продвинутые настройки.

🌪️ Отложенная инициализация счётчиков.

Чтобы счётчик на странице подключился, браузеру необходимо загрузить скрипт, проанализировать код и выполнить его. Файлы Яндекс.Метрики или Google Analytics довольно тяжелые, поэтому если загружать их сразу, они замедлят скорость отображения страницы. В связи с этим по умолчанию эти счётчики подключаются спустя 2 секунды с момента загрузки страницы. Где отключить: Настройки сайта > Аналитика.

🌪️ Lazy Load без превью в Zero Block.

Изображения будут показываться по мере скролла, но только тогда, когда завершена загрузка оригинальной картинки. Можно настроить для каждого шейпа. Где включить: Zero Block > Настройки элемента Shape > Lazyload: On, without showing thumbnail.

Подготовили чек-лист для пользователей, для которых скорость загрузки страниц первостепенна, и они готовы пойти на компромисс в визуальной составляющей сайта. Рассказываем, как ускорить загрузку сайта, используя текущие инструменты и настройки в Тильде. Таким образом вы самостоятельно можете проверить правильность настроек на своем сайте и сделать его загрузку ещё быстрее.

Читать статью об ускорении загрузки сайта 👉 https://help-ru.tilda.cc/website-speed.

#tildaupdates
Разбираем функцию Overflow в Zero block

🐾 Overflow позволяет делать видимыми элементы, вынесенные за пределы блока. Например, с помощью настройки можно накладывать элементы на соседние блоки или фиксировать элемент из блока в любом месте на странице. Давайте разбираться, где можно применить возможности Overflow.

Существует три настройки для функции Overflow:

👀 Visible — элементы будут видны за пределами блока.

Представьте, что вы создаёте обложку лендинга в Zero block, а затем используете базовые блоки. Вы хотите, чтобы один элемент выходил за пределы контейнера и накладывался на следующий блок — задайте для этого элемента настройку Overflow: Visible.

Чтобы было удобнее контролировать расположение элементов за пределами Zero block, откройте в соседней вкладке браузера предпросмотр страницы и обновляйте его по мере внесения правок. Так одновременно с созданием дизайна можно проверять отображение элемента на соседних блоках, в том числе, в мобильной версии.

Ещё один пример: если вы настроили анимацию для элемента, который должен быть зафиксирован при скролле страницы, для него также необходимо добавить настройку Overflow: Visible. Так он станет видимым за пределами блока, в котором расположен.

🙌 Auto — настройка позволит растянуть артборд в зависимости от контента блока. Если элементы будут выходить за пределы контейнера, появится возможность скролла. Параметр можно использовать в том числе для горизонтального скролла — например, для меню с горизонтальным скроллом для мобильной версии сайта или для горизонтальной анимации на странице.

🕶 Hidden — вариант по умолчанию. Он означает, что элементы, выходящие за границы контейнера, будут скрываться.

Параметр Overflow можно настроить в Zero Block > Settings (tab).

Подробнее о возможностях Нулевого блока читайте 👉 https://tilda.education/articles-zero-block
#madeontilda. Выпуск №86

Новые проекты #madeontilda: сайт фестиваля креативных агенств Креачелла, Студия разработки игр на Алтае Zefir Games, 80 лет битве за Москву — спецпроект на сайте мэра Москвы, лендинг с комиксами из жизни водителей Ситимобил, лендинг городского проката электросамокатов Whoosh, семейный глэмпинг для отдыха в Ростовской области Поле.

Креачелла
👉 https://creachella.moscow
Фестиваль креативных агентств

Zefir Games
👉 https://zefirgames.com
Студия разработки игр на Алтае

80 лет битве за Москву
👉 https://www.mos.ru/city/projects/bitva
Спецпроект портала mos.ru

Вас везёт супергерой
👉 https://superhero.city-mobil.ru
Лендинг с комиксами из жизни водителей Ситимобил

Whoosh
👉 https://whoosh.bike
Лендинг городского проката электросамокатов

Russpass mag
👉 https://journal.russpass.ru
Журнал сервиса путешествий по России

Цех85
👉 https://tseh-85.tilda.ws
Сайт питерской сети пекарен

Кухни Prosta
👉 https://prosta.com.ua
Сайт производителя модульных кухонь из Львова

В поле
👉 https://v-pole.ru
Семейный глэмпинг для отдыха в Ростовской области

Персональный сайт фотографа
👉 https://basavie.ru
Портфолио и персональный сайт фотографа из Санкт-Петербурга

Делаете интересный проект? Присылайте ссылку через кнопку «Предложить сайт» на странице https://tilda.cc/ru/madeontilda
Как дизайнеру на Тильде работать с крупным бизнесом: прямой эфир с Антоном Командиным

Как фрилансеру завоевать доверие крупных заказчиков и какие навыки помогут стать более востребованным — обсудим в прямом эфире с дизайнером Антоном Командиным.

Антон специализируется на создании магазинов и сложных проектов с погружением в задачи бизнеса. 19 его сайтов попали в подборку #madeontilda.

Прямой эфир пройдёт в IGTV 27 мая в 19:00 по Москве. Вопросы задавайте в комментариях к посту-анонсу в инстаграме: https://www.instagram.com/p/CPK3yV1n3fI

До встречи!
Новый блок: FT601 Панель с иконкой, заголовком, ссылками в виде табов и текстом внизу в категории «Футер»

Обновление в библиотеке блоков Тильды — панель с иконкой, заголовком, ссылками в виде табов и текстом внизу FT601. Рассказываем подробно о новом блоке и показываем, как он выглядит.

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

Табы добавляются как пункты меню, ими легко управлять: перемещать, копировать, скрывать. Количество пунктов меню может быть любым.

Над табами можно разместить иконку или логотип компании и крупный заголовок, а внизу — небольшой тест, например, копирайт.

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

Как вам новый футер? Расскажите в комментариях 💬

#tildaupdates
7 новых функций в Zero Block

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

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

🔸 Копирование анимации
Базовую и пошаговую анимацию элементов можно копировать между одиночными элементами и группами. Если вы копируете анимацию для группы, она будет добавлена для каждого элемента. Скопировать анимацию можно через контекстное меню или в настройках анимации в панели блока.

🔸 Расстояние до элементов и границ рабочей области
Линейки показывают расстояние в пикселях от выделенного элемента или группы до других элементов, групп и границ рабочей области. Выберите элемент, зажмите option для mac или alt для windows и наведите на рабочую область или другой элемент.

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

🔸 Притяжение элементов друг к другу
Если элемент или группу переместить близко к другому элементу, группе, направляющим или к границам рабочей области, они примагнитятся.

🔸 Ресайз за любую границу элемента и группы
Теперь менять размер элемента можно не только за якорь, а за любое место границы элемента. Работает с элементами и группами.

🔸 Подсветка элементов и групп при наведении
Элементы и группы подсвечиваются при наведении.

Смотреть, как выглядят обновления 👉 https://blog.tilda.cc/new-zero-block-features

А вы уже попробовали новые функции? Расскажите о своих впечатлениях в комментариях 💫
🎥 Видео: Tilda x Eggsellent

Продолжаем серию видео о наших клиентах: о тех, кто меняет мир, делает крутые проекты и, конечно, сайты на Тильде.

👉 Смотрите новый выпуск: https://youtu.be/Fyh29czfOF0

Создательницы креативной кулинарной группировки Eggsellent Полина Юрова и Светлана Михалёва рассказали об отношении к изменениям, запуске доставки завтраков и о том, почему удобно работать с интернет-магазином на Тильде.

🥞 «Tilda – это когда сформированный заказ падает тебе в табличку. Ты знаешь, что готовить и куда отправлять, заранее заданы все вопросы. Это максимальная оптимизация процесса доставки».

Сайт проекта: https://www.eggsellent.ru
Вебинар «Как применять принципы UX в разработке сайта»

Как сделать сайт более эффективным с помощью принципов UX-дизайна — узнаете на бесплатном мастер-классе 2 июня.

👉 Запишитесь, чтобы получить ссылку перед началом: https://tilda.link/webinar-ux-design

На вебинаре разберём:
— Этапы разработки сайта как продукта.
— Определение потребностей целевой аудитории и точек касания.
— Разработку информационной архитектуры сайта.

Мастер-класс проведёт Ярослав Шуваев, руководитель центра внутренних инноваций в Ак Барс ЦТ.
This media is not supported in your browser
VIEW IN TELEGRAM
Обновление показа опций в карточке товара

Теперь в списке товаров интернет-магазина при выборе варианта товара меняется изображение в карточке. Это удобно, потому что пользователю не понадобится переходить в попап, чтобы увидеть, как выглядят разные варианты.

Функция доступна автоматически в блоках с карточками товара ST300, ST305N, ST310N, ST315 и ST320, если вы выводите товары с несколькими вариантами из каталога.

📌 Чтобы в списке товаров отображались варианты, установите галочку «Показывать опции товара рядом с миниатюрой в списке товаров» в Настройках блока > Карточки.

#tildaupdates
🔔 Начинаем вебинар «Работа над ошибками». Разберём сайты на Тильде в прямом эфире и подскажем, что можно улучшить.

Подключайтесь к трансляции: https://tilda.link/mistakes-live

Вебинар проведёт дизайнер Максим Ширко.
📅 Бесплатные мастер-классы Тильды в июне

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

2 июня в 15:00
Как применять принципы UX в разработке сайта
https://tilda.link/webinar-ux-design

8 июня в 13:00
Как начать зарабатывать созданием сайтов на Тильде
https://tilda.link/webinar-roadmap

16 июня в 13:00
Управление визуальными акцентами в дизайне сайта
https://tilda.link/webinar-accents

28 июня в 13:00
Вёрстка в Zero Block в прямом эфире
https://tilda.link/zero-live

Записи всех вебинаров сохраняются на YouTube-канале Тильды. Подписывайтесь, чтобы не пропустить новые видео: https://www.youtube.com/c/TildaPublishing
Сортировка опций и фильтров в карточке товара

Автоматическая сортировка числовых значений опций товара с учетом единиц измерения в карточке товара и в фильтре каталога. Больше не придется переставлять параметры вручную для последовательного отображения. Работает для размеров одежды, чисел, ватт, байт, единиц изменения длины и веса (метрическая система).

#tildaupdates
Вакансия: сотрудник службы поддержки пользователей

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

Есть небольшое тестовое задание.

Полное описание вакансии: https://company.tilda.cc/ru/support

Если вы чувствуете, что мы ищем вас, откликнитесь через форму обратной связи на странице. Расскажите о себе, о своём опыте, компетенциях и прикрепите ссылку на резюме в Google Docs.
Летний плейлист

🌊 Наконец-то лето! Запасаемся кремом от загара, маршрутами для велосипедных прогулок и смелостью для новых проектов. Собрали для вас классные треки — включайте плейлист и танцуйте вместе с нами в лучах летнего солнца.

Я.Музыка: https://tilda.link/yandex-summer-playlist
YouTube Music: https://tilda.link/youtube-summer-playlist
Apple Music: https://tilda.link/apple-summer-playlist
Spotify: https://tilda.link/spotify-summer-playlist
VK Music: https://tilda.link/vk-summer-playlist