👨‍💻[Урок 47] Анимация с самолётиками

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

Почему-то большинство решило, что самолёты на фоне - это .gif изображение, вставленное на фон. Это не совсем так. Изучайте урок, расписал всё подробно!)

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

👨‍💻[Обновление] Что добавили в тильду в июне?

Привет-привет! Тильда выкатила новое обновление.

Для тех, кому лень тыкать и смотреть блоки - открывайте статью, там всё есть.

Добавили несколько блоков:

CR43 - Обложка со скошенной картинкой
FR601 - Преимущества в виде галереи
FR602 - Плитки с изображениями
VD14 - Видео плейлист

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

👨‍💻[Кейс] Работа над реальным проектом (часть 2)

Всем привет! Выходные подходят к концу, а я всё продолжаю работать. Продолжаю рассказывать про процесс работы над реальным проектом.

Вторая часть, поговорим про дизайн. Поехали!

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

👨‍💻[Урок 48] Как добавить footer и header на сайт?

Всем привет! Очень уж давно мы не виделись. Нет, я не пропал, да и канал не заброшен. Просто сейчас весь в работе и заказах, о чём скоро расскажу вам более подробно.

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

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

​​​​☁️[Материал 8] Изображения для сайта с параллакс эффектом

Всем большой привет! Долго думал над новой серией уроков, но в конечном итоге решил, что стоит сделать один большой урок по параллаксу.

В первом уроке вы научитесь создавать эффект, который изображён на гифке.

Для подобной анимации вам понадобятся сопутствующие материалы, а именно изображения. Их я прикрепил ниже (качайте архив).

Ждите первый урок, приступаем к параллакс эффектам!

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

Архив с изображениями.

Материал номер 8.

👨‍💻[Урок 49] Красивый параллакс эффект в Tilda

Привет-привет! Все скачали материал номер 8? Тогда сегодня приступим к реализации параллакса с горами на Tilda.

Сегодня начнём погружаться в мир сложных эффектов. Первым эффектом станет скроллинг-параллакс. Поехали!

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

👨‍💻[Кейс] Работа над реальным проектом (часть 3)

Привет всем! У меня появился выходной (ура!). Сегодня расскажу вам о том кейсе, над которым мы работали вместе. Третья часть - вёрстка сайта.

Это заключительная часть серии. Заранее задам вам вопрос. Сколько стоил такой сайт? Опрос будет после статьи. Успехов!

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

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

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

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

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

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

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

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


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

Пиши: @sitodeal_bot

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

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

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

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

Всем пис!

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

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

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

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

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

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

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

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

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

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

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

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

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

​📕ВОПРОС!

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

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

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

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

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

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

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

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