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

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

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

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

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

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

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

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

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

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

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

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

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

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

Удобненько!

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

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

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

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

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

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

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

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

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

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

💥Вот такую анимацию мы сделали в уроке 58.

Успехов в обучении!

​📁 Шрифт: ANGRY

Интересный шрифт от Российского дизайнера Игоря Степанченко. Отлично подойдёт для заголовков на сайте и постеров. Круто сочетается с Geometria и другими подобными шрифтами.

#сайтодел_шрифты

Шрифт "Angry"

👨‍💻[Урок 59] Горизонтальная прокрутка страницы в Zero block

Добрый день, сайтоделы. Сегодня разберёмся с одним из самых известных эффектов —  горизонтальная прокрутка страницы.

Честно говоря, я не очень люблю такие сайты, но урок имеет право на существование. Уверен, что многим может понадобиться. Погнали изучать!)

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

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

👁 Демонстрация эффекта горизонтальной прокрутки из урока номер 59.

​📁 Шрифт: Bogart

Крутой бесплатный сет шрифтов под названием Bogart. Подойдёт для иллюстраций, заголовков в "мягких" сайтах.
Мультиязычный, кириллица есть. Пользуйтесь!

Добавил его в свою библиотеку, надеюсь в ближайшем будующем что-нибудь с ним придумаем! 🙂

#сайтодел_шрифты

Шрифт "Bogart"

Всем доброго утра! Настроены на работу в субботу?

Я - да. Наконец-то появился первый полноценный выходной за последние несколько месяцев.
Сегодняшняя тема - анимация плитки (см. гифку). Пример прислал подписчик.

Я уже знаю, как реализовать её на тильда. А вы? Ждём урок!

👨‍💻[Урок 60] Переход контента на плитках

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

Цель урока: не только показать, как выполнена конкретная анимация, но и показать каким образом я пришёл к подобному решению. Успехов!

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

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

👨‍💻 [Урок 61] Прилипающий блок

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

Выглядит это так: баннер высотой около 100 пикселей прилипает к нижней части экрана (именно экрана, а не блока) и листается вместе с прочим контентом.

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

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

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

👨‍💻 [Фича 22] Видео с автоплеем в объекте

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

Это проигрывающееся видео в каком-либо объекте. Я сделаю его в айфоне. Делается эффект очень просто, но не рассказать о нём я просто не мог. Приступим.

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

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

👨‍💻 [Урок 62] Анимация фона блока

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

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

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

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