👨‍💻[Урок 28] Первый сайт на Zero Block (10 часть - третий блок, десктопная версия)

И так, продолжаем работу над третим блоком нашего сайта вебинара. В предыдущем уроке мы сделали анимацию фона.

Сегодня мы добавим остальные объекты, сделаем анимацию изображений и посмотрим как выглядит весь сайт на ПК версии. Погнали!)

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

​​👨‍💻[Фича 10] Анимация фона при наведении на объект

Всем привет! Сегодня мы научимся делать интересную анимацию, где фон добавляется к объекту.

В качестве перехода фона мы будем использовать Scale. Погнали изучать, урок простой, но эффектный!)

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

👨‍💻[Урок 29] Первый сайт на Zero Block (11 часть - адаптируем третий блок)

Всем привет! В предыдущем уроке мы закончили вёрстку 3го блока сайта вебинара. Мы доделали полную версию, но ещё не адаптировали его под мобильные устройства. Этим мы сегодня и займёмся. Поехали!

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

👨‍💻[Урок 30] Первый сайт на Zero Block (12 часть - четвёртый блок)

Совсем недавно мы доделали третий блок сайта вебинара. Пора приступить к блоку с преимуществами.

Этот экран мы сделаем на СТАНДАРТНЫХ блоках. Да, вы не ослышались. Всё будет просто и не больно)) Погнали!

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

👨‍💻 [Фича 11] Замена элементов при скролле (анимация)

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

Эффект круто подойдёт при разработке экранов продукции, презентации и многих других тематиках. Этот урок - мастхэв. Приятного изучения!

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

☁️[Материал] К уроку "Фича 11".

Мокап PSD и PNG файлы.

​​☁️ [Материал 6] Макет четвертого блока для вебинара по инвестициям (psd)

Доброго вечера. Сделал доделал макет четвертого блока сайта с вебинаром по инвестициями. Расценки.

Это пожалуй мой самый нелюбимый экран. Никогда не умел делать красивые прайсы. Загружайте макет, уже завтра продолжим делать сайт на Zero Block.

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

Всем хорошего вечера!)

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

👨‍💻[Урок 31] Первый сайт на Zero Block (13 часть - пятый блок)

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

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

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

👨‍💻[Фича 12] Устанавливаем favicon на сайт

Всем привет! Ловите небольшой урок по установке фавикона на сайт. Мы уже доделываем второй сайт, а фавиконы так и не ставили.

Что такое favicon и как его поставить - в данном уроке. Изучаем.

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

👨‍💻[Урок 32] Первый сайт на Zero Block (14 часть - пятый блок - оптимизация)

Всем доброго вечера. Это предпоследний урок серии "Первый сайт на Zero block". Не забывайте делать выбор в опросе - какой сайт будем делать дальше. Это очень важно.

Сейчас мы займёмся оптимизацией пятого экрана - экран с тарифами. Поехали!)

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

👨‍💻[Урок 33] Устанавливаем facebook пиксель на сайт

Привет всем! Давно хотел написать этот урок, но никак не доходили руки. Мой старый заказчик попросил установить пиксель к себе на сайт, поэтому решил сделать два полезных дела сразу. Установить и за одно вас научить.

Устанавливаем Facebook пиксель. Ох уж эта аналитика. Поехали!

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

​​☁️[Материал 7] Первый экран интернет магазина - сайт молочной продукции (архив: PSD + png)

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

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

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

Загружайте - понадобится для дальнейших уроков.

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

​​👨‍💻[Фича 13] Как сделать эффект до/после?

Всем привет! Пока я готовлю большой урок по интернет-магазину покажу вам один интересный блок. Мы пока что ни разу не притрагивались к разделу "Галерея", а там есть на что посмотреть.

Ловите урок по эффекту "До/После". Эффектно, максимально просто и полезно. Изучайте. Делаем в 3 шага.

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

👨‍💻[Урок 34] Интернет-магазин на Zero Block (1 экран)

Всем большой привет! Наконец-то добрался до вёрстки магазина. Уверен этого ждали многие. Макет все скачали? Никто не забыл? Тогда пора начинать!

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

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

👨‍💻[Урок 35] Интернет-магазин на Zero Block (1 экран - часть 2)

Братва, всем привет. Продолжаем тему разработки интернет-магазина на Zero Block. Первый экран мы уже начали делать, не забудьте посмотреть первую часть.

Сегодня добавим оставшиеся блоки, разберёмся со шрифтами и сделаем крутое меню. Урок получился объёмным, поэтому запасаемся терпением и приступаем!

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

​​👨‍💻[Фича 14] Интересный эффект анимации

Привет, чуваки и чувихи! Искал я вдохновение среди сайтов #madeontilda и наткнулся на очень интересный и очень простой эффект на одном из сайтов.

Сегодня научимся делать его, используем гифку и пошаговую анимацию. Погнали!

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

👨‍💻[Фича 15] Как сделать редирект для telegram на tilda

Привет, бандиты. Как мы знаем телеграм официально заблокирован на территории РФ. Поэтому многим приходится пользоваться различными редиректами, которые могут воровать трафик.

Если вам нужно указать ваш телеграм/канал на сайте - этот урок для вас. В пару кликов научимся делать переход в телеграм после нажатия на кнопку. Изучайте!)

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

👨‍💻[Урок 35] Интернет-магазин на Zero Block (1 экран - часть 3)

Привет бандиты, продолжаем делать интернет магазин на Zero Block. В прошлой части мы доделали первый экран и добавили меню.

Сегодня займёмся нашим любимым делом - оптимизацией. Приступаем!

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