🎙 Мастер класс по верстке на Тильде

27 февраля в 13:00 (мск) я проведу открытый бесплатный эфир для сообщества Web-коворкинг на тему: «Верстка на Тильде первого блока с боковым меню в автоскейле на всю высоту экрана». Ссылка на трансляцию будет опубликована в сообществе и на моем канале. Если хотите гарантированно попасть на прямой эфир до того, как займут все места, то присоединяйтесь к сообществу, чтобы первыми получить уведомление о начале эфира 🔔 ✨ Трансляция пройдет в Яндекс Телемост, поэтому если вы территориально находитесь не в РФ — заранее предусмотрите возможность доступа (ну вы поняли). 📷 Запись эфира, конечно, будет! ❤️ По любым вопросам пишите в комментариях
Изображение поста

🚩5 ошибок, которые часто допускают со страницей 404

Страница 404 — важная часть пользовательского пути. Она помогает возвращать пользователей на сайт, если что-то пошло не так. Если она сделана плохо или не сделана вовсе, бизнес теряет потенциальных клиентов. В карточках разобрали самые частые ошибки и показываем, как сделать страницу ошибки лучше. А подробнее об оформлении страницы ошибки на Тильде читайте в журнале Tilda Education 👉 https://tilda.link/2069
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста

Спасибо всем, кто был на эфире Тильды. Было круто!

Запись можно посмотреть по ссылкам: 📱 в VK Видео → https://vk.com/video-89546664_456240468 📺 на YouTube → https://youtube.com/live/3Y1ecYjkaOY
Изображение поста

🎥 Как создать форму для сайта на Тильде?

С помощью форм на сайте вы можете проводить опросы, собирать отклики на вакансии, получать отзывы клиентов, а также принимать заявки на товары и услуги. В этом видео на примере блока BF402N мы покажем, как настроить поля для ввода, подключить приёмщики данных и оформить дизайн блока. 📱 Смотреть в VK Видео: https://vkvideo.ru/video-89546664_456240466 📺 Смотреть на Youtube: https://youtu.be/oveIu91PrBA
Изображение поста
Вебинар «Лучшие маркетинговые решения: обзор сайтов в #madeontilda»
В галерею #madeontilda попадают сайты с продуманной структурой и сильным контентом. Какие приёмы можно взять оттуда на вооружение — разберём на вебинаре 18 февраля. 👉 Запишитесь, чтобы получить ссылку перед началом: https://t.me/TildaEventsBot?start=dl-1770106842eaf5b78b0b76 На вебинаре разберём: 🟠 Примеры сайтов на Тильде с сильной структурой и контентом за 2025 год; 🟠 Удачные блоки, которые помогают зацепить внимание посетителя; 🟠 Интересные приёмы, которые можно использовать на своём сайте. Вебинар проведёт Роман Яковенко, маркетолог Школы Тильды.
Изображение поста
Ребята, завтра повышение цен на курс!
Оформляйте бронь, чтобы закрепить лучшую стоимость! С тарифом можете определиться до 1 марта включительно. После бронирования вам будут доступны 3 модуля: Фигма {18 уроков} Тильда {43 урока} Нейросети {11 уроков} Изучайте в спокойном режиме до старта основного программы. Забронировать Забронировать Забронировать
Изображение поста
🦋 Раздел товара «Смотрите также» на всю ширину
По просьбе коллег написала код для растягивания блока «Смотрите также» в карточке товара на всю ширину экрана. 🧡 Первый вариант модификации для карточек в ряд: ❤️ Второй вариант для карточек в слайдере: ⭐️ Вставьте код в блок Т123 в шапку или подвал товара (карточка товара должна открываться как страница) ⭐️ Код работает только для десктопа от разрешения 1200рх ⭐️ Код растягивает блок с отступами по 40рх по бокам и с 20рх между товарами. Если вам нужны другие расстояния — поправьте соответствующие вычисления в коде. 💭 Если этот код конфликтует с вашими стилями по изменению внешнего вида карточек товаров — напишите мне в комментариях, попробую отдельно разобрать ваш случай. #тильда #модификации #магазин
Изображение поста
🏆 ➕ МОТ на менторстве
Юля Кучева получила награду #MadeOnTilda за сайт, который делала под моим присмотром на менторстве ✨ Поддержать проект лайком можно https://eco-arq.com">по ссылке 💕 Посмотреть сайт вживую: https://eco-arq.com/">eco-arq.com 🪄 Не смотря на «простой» дизайн, работа над проектом проходила совсем не просто, т.к. самой большой сложностью было попасть в ожидания заказчика. Но мы справились! Благодарю Юлю за трудолюбие, за внимание к мельчайшим деталям, за то, что не сдавалась в отчаянные моменты и за непревзойденную реализацию макета на Тильде 💎
Изображение поста
Дизайн-ревью сайтов на Тильде в прямом эфире
5 февраля в прямом эфире разберём ваши сайты на Тильде — проанализируем ошибки и подскажем, что можно улучшить. 👉 Отправьте работу и запишитесь на вебинар: https://t.me/TildaEventsBot?start=dl-1748948697d0edc996dc08">https://t.me/TildaEventsBot?start=dl-1748948697d0edc996dc08 Вебинар проведёт Татьяна Струбалина, дизайнер в Tilda Publishing. Если пока не готовы показать проект, приходите послушать и посмотреть разбор чужих работ.
Изображение поста
Николь Кидман, Тильда Суинтон и Анна Винтур уже готовы выбирать себе новые образы для красных дорожек.
Как оформить сайт-портфолио. 9 примеров из галереи #madeontilda
Откройте мир уникальных и креативных сайтов на платформе Тильда. Лучшие примеры портфолио дизайнеров, фотографов и креативных агентств, вдохновляющие на создание собственного уникального веб-проекта Читать на дизайнерс | #статья
Изображение поста
Вебинар «Дизайн и вёрстка в прямом эфире: разбор шаблона Bloomly»
29 января в прямом эфире увидите процесс работы над шаблоном Bloomly и пример его адаптации под другую тематику. 👉 Запишитесь, чтобы получить ссылку перед началом: https://t.me/TildaEventsBot?start=dl-17669277969a120385687a">https://t.me/TildaEventsBot?start=dl-17669277969a120385687a На вебинаре разберём: — Этапы работы над проектом; — Ускорение вёрстки сайта с помощью автолейаутов и других свежих обновлений Тильды; — Пример использования шаблона для другой ниши. Вебинар проведёт Алёна Спирина, веб-дизайнер, 15 сайтов в галерее #madeontilda.
Изображение поста
✨ Хлебные крошки в потоках
Недавно у меня возникла потребность сделать автоматически генерируемые хлебные крошки для статей в потоках, и для этого я слегка переписала свой код крошек для карточек товаров. Отличия незначительные, изменилось всего пара строк, но если вам не хочется самим копаться в модификации, то вот готовое решение: Правила по использованию кода те же, что и для товаров: ⭐️ Статья обязательно должна открываться как отдельная страница с назначением шапки и подвала. Код соответственно вставляется в блок Т123 либо в шапке, либо в подвале потока. ⭐️ В коде обязательно заполните словарь хлебных крошек, из которого скрипт составит соответствующий путь (выделен в коде комментарием). Словарь состоит из пар ссылок и названий. ⭐️ При желании в настройках Тильды вы можете задать свой путь потока (вместо стандартного tpost) и свою каноничную ссылку на статью в виде ЧПУ (это полезно для SEO). ❗️ Подключение библиотеки jQuery не требуется. ❗️ Также не забудьте поменять в коде стили ссылок так, чтобы внешний вид хлебных крошек соответствовал вашему дизайну. ⭐️ Пример поста с крошками по ссылке. 💜 Если у вас есть вопросы или пожелания к данной модификации, дайте знать в комментариях ☺️ #модификации #тильда #потоки
Изображение поста
Минутка классики:
Тильда Суинтон рассказывает, как впервые познакомилась с Дэвидом Боуи купив на карманные деньги пластинку, поскольку понравился дизайн. Дизайн обложки кстати сделала Селия Файло — мама фэшн-дизайнера Фиби Файло.
Объединение Basic и SBS анимаций без ANNEXX
Тильда много чего поменяла в Zero и поэтому перестала работать функция объединения анимаций ANNEXX. Но можно и без нас) Применяем в к элементу Basic или SBS анимацию, затем делаем из него группу (CMD/CTRL+G), группа должна быть Object и уже к группе применяем ещё одну Basic или SBS и все работает. Групп по сути может быть сколько угодно и у каждой своя анимация.
🪄 Стилизация активного пункта меню в zero-блоке
Делюсь с вами модификацией, которую я писала по просьбе коллег 🐱 Если вы используете на всем многостраничном сайте меню из zero-блока, то для вас этот код, который меняет внешний вид активного пункта меню: Несколько правил по использованию кода: ⭐️ Присвойте блоку(ам) с меню класс .uc-header ⭐️ Все пункты меню сделаны с помощью элемента кнопки (Button) ⭐️ В самом начале кода скорректируйте css-свойства под ваш дизайн активного пункта ⭐️ Если вы хотите, чтобы с активным пунктом можно было взаимодействовать, сотрите свойство pointer-events: none; ⭐️ Подключение библиотеки jQuery не требуется Для случая, когда вам может понадобиться задать разные стили для кнопок первого и второго уровня меню, я оставлю код в комментариях. Правила его использования те же, только поправить нужно будет два комплекта свойств. 💭 По всем вопросам модификации пишите в комментарии к посту. #тильда #модификации #меню
Изображение поста
Мы запустили магазин мерча — Tilda Store ✨
👉 https://tilda.store Уже доступны футболки с начертаниями Tilda Sans, а ещё свитшоты, носки и даже дождевики с логотипом Тильды. Магазин будем развивать и пополнять. Чтобы отметить запуск, разыгрываем футболки для троих счастливчиков 🎁 Победители смогут выбрать одну из доступных футболок. Отправка только по РФ. Как поучаствовать в розыгрыше? — Подпишитесь на наш канал @‌tildanews; — Нажмите кнопку «Участвую!» под этим постом. Принять участие можно до 12 января, 15:00 по МСК. Результаты подведём с помощью бота-рандомайзера и свяжемся с победителями. Принимая участие в конкурсе, вы даёте согласие на публикацию активной ссылки на ваш аккаунт в случае победы. Ознакомиться с полными Правилами проведения розыгрыша можно по ссылке.
Изображение поста
🎥 Как передать проект клиенту?
В этом видео Антон Командин расскажет, как сделать передачу сайта комфортной для себя и клиента, какие ошибки чаще всего допускают и как их избежать, и подробно разберёт весь процесс на Тильде. 📱 Смотреть в VK Видео: https://vkvideo.ru/video-89546664_456240434 📺 Смотреть на Youtube: https://youtu.be/WqkcX5Ajz6s
Изображение поста
День воспоминаний или уроки прошлого ⏳
Сегодня одна соцсеть выдала мне в ленте: Александр, ваши воспоминания 5 лет назад. Мы подумали, что вам будет интересно взглянуть на публикацию, которую вы сделали тогда. Я нажал — и прям ощутил, как по телу разошлось тёплое чувство. Какое же было феерическое время, когда я только начинал в дизайне. Период, когда я делал для SkillFactory несколько лендингов под разные спецпроекты: буткемп, FullStack‑разработчик на Python и ещё несколько. До сих пор помню момент, который тогда казался прям вершиной дизайнерского счастья. Я закончил верстку этого лендинга, отправил его в подборку Made on Tilda — и этот проект опубликовали в номинантах буквально через 2–3 часа после отправки. Не через день, не через неделю, а почти сразу. Дизайнеры на Тильде меня точно поймут, потому что некоторые ждут попадания туда годами. В тот момент мне казалось, что это вообще пик достижений для меня, как дизайнера. Если честно, работать со SkillFactory тогда было очень приятно: много свободы творчества, доверие, возможность пробовать разные стили. И отдельное спасибо тому арт‑диру, с которым мы тогда работали. Он сильно прокачал мне дизайн‑мышление и рабочие процессы. Одна его фраза до сих пор со мной: «Саша, дружеские отношения — это заебись. Но если ты работаешь дизайнером, первым делом думай о том, как заработать денег. Одной дружбой сыт не будешь». На тот момент для меня это прозвучало жёстко. Я думал, что мы друзья, когда он продавливал меня на скидки, но хер там. Просто прагматизм. 😄 Но именно эта мысль помогла потом выстроить финансовое мышление: смотреть на дизайн как на способ приносить ценность и деньги, а не только делать «красиво и чтобы всем нравилось». И да, сам проект до сих пор мне нравится. Классное чувство — через 5 лет смотреть на свою работу и думать не «фу, как я мог это сделать», а «блин, это было реально крутое время».
Изображение поста
Это испортит ваш сайт: 10 распространённых ошибок в веб-дизайне
10 ошибок в веб-дизайне бизнес-сайтов, которые могут отпугнуть клиентов. Тильда выявляет популярные промахи, которые портят впечатление и мешают привлекать аудиторию Читать на дизайнерс | #статья
Изображение поста