👨‍💻[Урок 28] Используем несколько шрифтов сразу

Всем привет! Одной из неприятных особенностей тильды является то, что сервис позволяет нам использовать только один шрифт на сайте. Шрифт любой, но один.

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

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

​​☁️[Подборка] Крутые веб-сервисы, которые вам точно пригодятся

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

1. TINY PNG - сервис позволяет ужимать в размерах .png файлы без потери качества. Меньше файл - работа сайта быстрее. Всё просто.

2. BOXY SVG EDITOR - я неоднократно говорил, что логотипы и прочие векторные элементы лучше заливать в формате .svg. Если вы не пользуетесь иллюстратором, то этот сервис для вас. Интуитивно понятный редактор векторных файлов.

3. FONT PAIR - Простой сервис, который поможет пододобрать шрифтовую пару. Например мы определились с шрифтом заголовка и нам нужен второй шрифт для остальных текстов. Этот сайт точно поможет.

4. REMOVE BG - Нейросеть, которая умеет удалять фон с изображения и выдавать вам обрезаный объект в png. Если лень делать это руками - велкам, remove bg поможет.

5. WEBFONT - просто хороший сервис с бесплатными шрифтами. В основном пользуюсь им или гугл шрифтами.

Друзья, оцените данную рубкику. Если соберём более 1000 огоньков - буду делать подобные подборки из своего арсенала как минимум раз в неделю. Всем пис!

👨‍💻[Урок 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 и наткнулся на очень интересный и очень простой эффект на одном из сайтов.

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

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