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

​📁 Шрифт: Bogart

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

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

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

Шрифт "Bogart"

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

👨‍💻[Фича 21] Настройка переезда сайта с HTTP на HTTPS

Привет. Мы уже разбирали момент с подключением SSL сертификата, но тогда я не стал говорить про автоматические редиректы.

Это очень важно для SEO сайта, поэтому разобраться стоит. Коротенький урок, изучаем!

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

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

📦 У меня появилась идея разработки публичных шаблонов для Tilda.

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

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

- Вводите id шаблона, который вам нужен
- Меняете контент на ваш
- Запускаете сайт и он работает

На это придётся потратить не мало времени, поэтому хочу заранее спросить у вас. Нужно или нет? И на какие темы делать шаблоны.

🤙 Напишите своё мнение в бота, это важно: @sitodeal_bot

👨‍💻 SEO настройки сайта на Tilda

Привет всем. Недавно я писал урок о переадрессации на HTTPS и задумался о SEO настройках в целом. Здесь существует много мнений на тему эффективности продвижения сайта созданного на тильде в SEO.

Подробно об этом мы говорить не будем, но небольшой чек-лист по сео оптимизации сайта я настроил. Читаем и проверяем свои сайты - всё ли оптимизировано?

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

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

👨‍💻 [Урок 63] Редирект 301 для страниц

Привет всем! Мы уже начали говорить о СЕО и в прошлой статье я уже упомянул такое понятие, как "Редирект 301". В бота обратной связи мне прислали несколько вопросов на эту тему, на них постараюсь сегодня ответить.

Сегодня разбираемся: зачем нужен редирект 301 и как его настроить. Погнали!

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

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

👨‍💻 Добавляем иконку в кнопку на tilda

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

Начнём мы с добавления стиля кнопке. Добавим красивую иконочку на кнопку. Поехали!

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

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

👨‍💻 [Урок 64] Зацикленная анимация

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

Анимация простая, материалы прикрепляю ниже. Изучаем!)

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

Материалы, для урока 64.