​​👨‍💻[Урок 50] Анимация: передвижение объектов

Всем привет! Я очень люблю смотреть работы в разделе "madeontilda". Наткнулся я на сайт с простой, но очень интересной анимацией перемещения объектов.

Анимация достаточно простая, но показать её я просто обязан. Изучаем!)

🔥ИЗУЧИТЬ УРОК | ВСЕ УРОКИ

​​💡ПРЕДЛОЖИ САЙТОДЕЛУ ТЕМУ ДЛЯ УРОКА

Увидел крутой сайт на тильде? Крутую анимацию? Не знаешь как это реализовать?

1) Всё просто. Пиши мне в бота: @sitodeal_bot
2) Описывай то, что тебя интересует МАКСИМАЛЬНО понятно (можно прикреплять скрины и конкретные ссылки на сайт)
3) Жди урок, в котором я отвечу на твой вопрос


Продолжаем учиться!

Пиши: @sitodeal_bot

Дорогие друзья, я вернулся!

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

За последний месяц tilda выкатила много новых обновлений, о которых мы скоро поговорим. Уже готовлю вам новые макеты для работы.

Уже завтра введём новую рубрику и продолжим путь обучения.

Всем пис!

👨‍💻 [Урок 51] Устанавливаем свою иконку корзины

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

Сегодня мы научимся персонализировать значок корзины, установив на неё свою иконку. Поехали!

ИЗУЧИТЬ УРОК | ВСЕ УРОКИ

➖➖➖➖➖➖➖➖➖➖➖➖
👉Подпишись на канал "Сайтодел"

👨‍💻[Урок 52] Делаем простой Preloader

Привет-привет. Сегодня разбираем тему preloader'ов. Простыми словами "Preloader" - это анимация прогрузки страницы. Стандартными методами тильды его сделать нельзя, но можно немного схитрить и вставить его через код.

Этим мы сейчас и займёмся.

ИЗУЧИТЬ УРОКА | ВСЕ УРОКИ

➖➖➖➖➖➖➖➖➖➖➖
👉Подпишись на канал "Сайтодел"

​☁️ Маленькое, но очень приятное обновление.

Немного обновили режим предпросмотра. Теперь можно просматривать сайт в разных разрешениях.

Уже попробовали обновление? ☺️

​📕ВОПРОС!

Несколько человек просили разобрать, как сделана эта анимация. Я назвал её "фокус с кроссовком".

Сайт много где засветился, респект автору за очень интересную реализацию. Знаете, как сделать подобное? Пока подумайте, как бы выполнили её вы 🙂

PS: на гифке анимация. Вечером закину урок ☺️

👨‍💻[Урок 53] Фокус с кроссовком. Нестандартная анимация

Привет всем! Утром я выкладывал пост о интересной анимации перехода между двумя изображениями, а точнее состояниями "До/после" объекта на этом изображении.

Обещанный урок готов, изучайте на здоровье. А у вас были догадки, как это сделано?

ИЗУЧИТЬ УРОК | ВСЕ УРОКИ

➖➖➖➖➖➖➖➖➖➖➖
👉Подпишись на канал "Сайтодел"

👨‍💻[Урок 54] Подключаем приём платежей от Тинькофф

Привет. Приём платежей на сайте — важнейшая функция любого проекта, который продаёт что-либо. Мы никогда не касались этой темы, но недавно делая очередной сайт клиенту мне пришлось повозиться с системой Tinkoff Business.

Сейчас разберёмся, как подключить её к тильде. Погнали!

ИЗУЧИТЬ УРОК | ВСЕ УРОКИ

➖➖➖➖➖➖➖➖➖➖➖
👉Подпишись на канал "Сайтодел"

🎙Друзья, возвращаясь к своей идее - хочу попробовать сделать первые уроки в видео-формате для вас.

Встал вопрос с выбором качественного микрофона. Если среди вас есть люди, записывающие уроки, либо работающие с аудио и вы можете посоветовать мне модель микрофона - пишите в бота: @sitodeal_bot

Ваш, сайтодел!

👨‍💻[Урок 55] Анимированные цифры на Tilda

Привет всем! В бота с вопросами уже несколько раз прилетал вопрос, как заанимировать числа? Самый простой и распространённый вариант анимации - увеличение числа с 0 до n-ного.

Сделать подобную анимацию можно через стандартные блоки, но мало кто об этом знает... Разберёмся с этим вопросом?

ИЗУЧИТЬ УРОК | ВСЕ УРОКИ

➖➖➖➖➖➖➖➖➖➖➖
👉Подпишись на канал "Сайтодел"

​☁️ [Материал 8] Макет сайта кулинарной мастерской (1 часть)

Доброго вечера! Мои друзья попросили набросать им простой лендинг для их кулинарной мастерской. Мы уже обсудили как это будет примерно выглядеть и я даже начал пилить дизайн.

Сверстаем сайт вместе? Повторение - мать учения. Вспомним работу с зеро, поработаем над анимациями вместе) Загружайте первую часть макета, главная страница.

Все фотографии сделаны по заказу!

Всем хорошего вечера и выходных!)

🔥СКАЧАТЬ МАТЕРИАЛ | ВСЕ УРОКИ

Материал 8. Макет главного блока.

👨‍💻 [Урок 56] Устанавливаем систему промокодов

Привет всем сайтоделам! В очередной раз я впервые столкнулся с неизведанными для меня функциями тильды, а именно - с работой системы промокодов.

Сейчас наглядно покажу как установить промокод в корзину и использовать его. Погнали!)

ИЗУЧИТЬ УРОК | ВСЕ УРОКИ

➖➖➖➖➖➖➖➖➖➖➖
👉Подпишись на канал "Сайтодел"

​📖 Небольшое обновление, про которое я не рассказал.

Теперь к основным настройкам сайта можно перейти по нажатию на кнопку на странице всех проектов.

Удобненько!

👨‍💻 [Урок 57] Просмотр панорамы на сайте или просто интересный фон

Привет. Работая с эквайрингами я наткнулся на интересную, а главное простую анимацию фонового изображения. Использовать её можно, как в качестве фона, так и в качестве просмотра панорамного фото.

Просто и эффектно - всё как мы любим!

ИЗУЧИТЬ УРОК | ВСЕ УРОКИ

➖➖➖➖➖➖➖➖➖➖➖
👉Подпишись на канал "Сайтодел"

👨‍💻 [Урок 58] Анимация плиток

Привет, сайтоделы! Я наконец-то нашёл время, чтобы вылезти из своей работы и заняться новыми уроками. Очень надеюсь, что ваш интерес к тильде не пропадает, а только растёт 🙂

Сегодня мы научимся делать очень крутую анимацию плиток. Поработаем с зависимой анимацией и разберёмся как работает этот популярный эффект. Погнали!

ИЗУЧИТЬ УРОК | ВСЕ УРОКИ

➖➖➖➖➖➖➖➖➖➖➖
👉Подпишись на канал "Сайтодел"