Завтра пройдет бесплатный мастер-класс — Как создавать большие проекты на Тильде. Обзор возможностей платформы на примерах.

Максим Ширко за полтора часа расскажет о возможностях Тильды:
— для сложных многостраничных сайтов
— для интернет-магазинов
— для медиа и блогов
— для онлайн-курсов
— для особых сценариев
— для динамических проектов

Начало 25 июня (пятница) в 13:00 по Москве и Киеву

👉 Ссылка для записи на мастер-класс через телеграм-ботСсылка для записи на мастер-класс через телеграм-бот

Что такое Яндекс Турбо и Google AMP?

Google AMP — технология, которая позволяет пользователям быстро загружать облегченные версии страниц на мобильных устройствах при переходе из поиска в Google.

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

Аналогично работает технология турбо-страниц для поиска в Яндексе.

AMP (Accelerated mobile pages) — технология Google
Турбо-страницы — технология Яндекса

AMP и тубро-страницы подходят в первую очередь для контентных страниц: статей, новостей, инструкций. Для создания лендингов и коммерческих страниц у технологии пока много ограничений. Нестандартная верстка, анимация, интерактивность, формы, кнопки, скрипты — все это не будет работать на ускоренных страницах.


В Тильде настроена автоматическая интеграция с тубро-страницами и AMP для статей из Потоков. Подключение займет у вас не больше 15 минут.

Подробнее читайте в статье-инструкции в Журнале Школы Тильды: https://tilda.school/journal-old/tpost/90kfjvgj61-kak-dobavit-google-amp-i-turbo-stranitsi

Подборка полезных файлов в Figma

Shot Template Mockup — шаблон для оформления шотов на Dribbble.
Открыть в Community

Geometric objects — бесплатный набор геометрических фигур в 3D.
Открыть в Community

Variants — бесплатная библиотека из 850+ элементов прототипирования.
Открыть в Community

Uicons — большой набор векторных иконок от Flaticon.
Открыть в Community

Glossy Bank Card Kit — бесплатный набор стилизованных банковских карт.
Открыть в Community

#figma

Завтра начнется одиннадцатый поток курса Tilda Start

А сегодня в 16:00 по Москве и Киеву пройдет открытый вступительный урок курса. Чтобы зарегистрироваться, перейдите по ссылке в бот для записи и нажмите «Начать».

👉 ЗаписатьсяЗаписаться

Поиск исполнителя

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

Как это работает:

1. Заказчик заполняет форму
2. В этом телеграм-канале мы будем публиковать подборку пришедших проектов
3. Исполнители пишут Заказчику напрямую

Начните поиск прямо сейчас! https://tildoshnaya.com/works

Подборка сервисов для работы с цветом

Генератор цветовых палитр. Есть экспорт в Figma.
Ссылка

Подбирает цветовые пары на основе твоих предпочтений.
Ссылка

На основе выбранного цвета подбираются 2 других ему в пару.
Ссылка

Можно подобрать картинки на основе выбранного цвета либо посмотреть какие цвета используются на понравившихся изображениях.
Ссылка

#Сервисы

🚀 Анонс курса по лендингам на Product Hunt на английском языке

Чтобы больше людей в мире умели создавать красивые и эффективные лендинги, команда Тильды перевела курс «Создание Landing Page» на английский и запустила его на Product Hunt. Если вы читали курс и он вам понравился, поддержите релиз — оставьте отзыв на английском. Нам будет очень приятно!

https://www.producthunt.com/posts/how-to-build-a-landing-page-free-course

Импорт макета из Фигмы в Тильду

🚀  Новая функция — автоматический перенос макета из Figma в Zero Block. Больше не нужно переносить созданный дизайн вручную, теперь это можно сделать через API в несколько кликов.

Как работает импорт из Фигмы в Zero Block

1. Подготовьте макет к переносу из Фигмы, чтобы после импорта все элементы встали на нужные места:

— Ширина фрейма — 1200px;
— Каждый блок расположен в отдельном фрейме;
— Чтобы импортировать группу изображением, назовите её image или svg;
— Для импорта кнопки объедините текст и шейп в группу и назовите её button;
— Ширина текста на кнопке должна совпадать с шириной шейпа кнопки;
— Если на шейпе есть эффект, который нельзя воспроизвести в Zero Block, он импортируется с изображением эффекта на фоне.

2. Получите API токен в настройках аккаунта Фигмы. Через API Тильда получит доступ к макету и перенесет его в Zero Block автоматически.

3. Импортируйте макет в Zero Block:
— Откройте меню в Zero Block;
— Нажмите Import;
— Вставьте ссылку на макет, API токен и нажмите Import.
Готово!

Подробнее об импорте макета из Фигмы в Тильду 👉 https://blog.tilda.cc/import-from-figma-to-zero-block

Инструмент находится в beta-тестировании. Если у вас есть предложения по улучшению, вы заметили ошибку или у вас не получилось перенести макет, напишите нам в поддержку через виджет в личном кабинете.

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

#tildaupdates

⚡️Есть работа⚡️

https://telegra.ph/Est-rabota-06-30

Если вы ищете исполнителя для своего проекта, заполняйте форму
https://tildoshnaya.com/works

Чей сайт?

Продолжаем цикл материалов на юридическую тематику для дизайнеров сайтов на Тильде. Автор материала — https://www.instagram.com/legally_diz/

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

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

Чтобы узнать, кто является администратором домена, суды делают официальные запросы в компании, которые занимаются регистрацией доменных имен. В качестве любительского варианта поиска можно использовать сервисы наподобие WHOIS на Reg.ru (но он не показывает данные физлиц).

«Иное следует из обстоятельств дела» - это, например, когда владелец сайта сам разместил на том же сайте информацию о себе. В оферте, политике конфиденциальности или в футере где-нибудь, как вариант. Любые другие способы доказывания тоже не запрещены.

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

Ещё один ресурс для насмотренности и вдохновения. Тут публикуются лендинги, шаблоны и другая графика.
Есть удобный поиск по тегам.

https://www.admiretheweb.com/

#сервисы

Для чего нужны UTM-метки?

Статья на Tilda Education как отследить эффективность сайта.

Создание UTM-меток помогает отследить и проанализировать трафик сайта. Например, узнать, какой пост в соцсетях эффективнее других или насколько хорошо работает призыв к действию на лендинге.

https://tilda.education/articles-how-to-use-utm-url

⚡️Есть работа⚡️

https://telegra.ph/Est-rabota-07-04

Если вы ищете исполнителя для своего проекта, заполняйте форму
https://tildoshnaya.com/works

Подборка иконок для ваших проектов

Бесплатный пак настраиваемых минималистичных иконок для ваших проектов.
www.rubicons.app

Более 3 миллионов анимированных иконок.
iconscout.com/lotties

Набор из более чем 80 настраиваемых 3D-иконок.
grafikstash.com/glaze

1944 бесплатных SVG иконки популярных брендов
https://simpleicons.org/

Интересный проект - набор иконок чашечек кофе и чая
https://www.figma.com/community/file/914191356186622123

На youtube-канале Tilda Publishing начинается мастер-класс «Вёрстка сайта в Zero Block в прямом эфире».

Ведущий: Максим Ширко, дизайнер и куратор Школы Тильды.

https://tilda.link/zb-live

Поиск исполнителя

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

Как это работает:

1. Заказчик заполняет форму
2. В этом телеграм-канале мы будем публиковать подборку пришедших проектов
3. Исполнители пишут Заказчику напрямую

Начните поиск прямо сейчас! https://tildoshnaya.com/works

Новая рубрика #вопросизчата
Развернуто отвечаем на интересующие вас вопросы

🤔 Что такое страница thank you page и зачем она нужна?

Thank you page — это страница на которую попадает пользователь после того как он отправляет заявку или совершает покупку на сайте. Здесь вы можете сказать человеку, что все в порядке — заявка дошла, оплата за товар поступила, регистрация прошла успешно. И дать небольшую инструкции, что ждать клиенту дальше — «скоро менеджер вам позвонит», «товар уже в пути, скоро пришлем трек номер для отслеживания», «на почту пришел логин-пароль от личного кабинета».

Попадая на страницу Thank you page, человек понимает, что все прошло хорошо и можно быть спокойным. Но бизнес может использовать эту страницу немного шире.

Человек, который стал клиентом уже лоялен к бизнесу. На странице спасибо вы можете дать ему что-то полезное бесплатно, чтобы усилить удовольствие от покупки или наоборот — о чем-нибудь попросить.

Несколько примеров:
— Можно попросить подписаться на вашу рассылку
— Можно попросить подписаться на ваши социальные сети
— Можно дать что-то полезное бесплатно, чтобы усилить приятное впечатление от покупки
— Можно предложить хорошую скидку на следующую покупку
— Можно показать подборку полезных статей из вашего блога

Главное, не перегружать клиента и попросить его на Thank you page о чем-то одном. Чтобы ему было легко и безболезненно решиться сделать то, что вы от него хотите. Или забрать то, что вы ему предлагаете.


В Тильде вы можете настроить Thank you page для каждой отдельной формы на сайте. Инструкция как это сделать: https://help-ru.tilda.cc/thank-you-page

6 новых функций в Zero Block

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

🌱 Изменение регистра букв
Теперь разом можно сделать все буквы выделенного фрагмента текста заглавными, прописными или каждое слово с большой буквы. Для этого выделите один или несколько текстов, в панели справа найдите настройку Lettercase и задайте нужный регистр.

🌱 Калькулятор в настройках параметров элементов
Задать координаты расположения элемента, высоту шрифта и остальные параметры можно по формуле. Например, чтобы сдвинуть элемент строго на 60 пикселей по горизонтали, добавьте к текущему значению +60. Калькулятор поддерживает + - * / ().

🌱 Ввод координат направляющих
Для направляющих теперь можно задать позицию в пикселях с помощью панели настроек. Это позволяет точно и быстро устанавливать их расположение и удобнее работать.

🌱 Отключение функции притяжения элементов друг к другу
Примагничивание элементов можно отключить или включить — нажмите cmd + m для mac и ctrl + m для windows. Либо перейдите в раздел с трёмя точками в правом верхнем углу Zero block и нажмите disable/enable snap.

🌱 Вращение элементов мышкой
Поворачивать элементы теперь можно с помощью мыши. Наведите на угол нужного элемента и поверните насколько необходимо.

🌱 Удаление анимации сразу у нескольких элементов
Через контекстное меню можно удалить анимацию у одного или нескольких элементов сразу. Работает для базовой и пошаговой анимаций.

Смотреть в блоге: https://blog.tilda.cc/june-new-zero-block-features

А вы уже попробовали новые функции? Поделитесь в комментариях 🌿

Как подписать договор, если Вы в Москве, а заказчик в Омске

Продолжаем цикл материалов на юридическую тематику для дизайнеров сайтов на Тильде. Автор материала — https://www.instagram.com/legally_diz/

Один из самых «больных» вопросов договора –  как его подписать, если вы в Калининграде, заказчик в Новосибирске, и ясное дело, что никто никуда не поедет.

Вариант использовать усиленные электронные подписи и специальных посредников типа ДИАДОКа хорошо звучит в теории, но даже если вы заморочитесь с оформлением подписи, у заказчика ее все равно не будет в 99% случаев.

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

Поэтому, что можно сделать:

👌Каждый печатает и подписывает свой экземпляр договора, сканирует его, отправляет по электронной почте, а затем досылает обычной почтой оригинал второй стороне.

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

Теперь прям очень важное!
Ничего не будет работать правильно, если вы криво напишете текст договора.
То, как вы по факту будете его заключать, не должно противоречить тому, что в договоре написано. И вот этот специальный порядок надо прямым текстом включить.