👨‍💻 [Урок 18] Создаём сайт на стандартных блоках (7 часть)

Всем добрейшего утра! Продолжаем заниматься сайтом ресторана, который мы делаем на стандартных блоках тильда.

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

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

👨‍💻[Урок 19] Первый сайт на Zero Block (1 часть - обзор интерфейса и настроек)

Привет, бандиты! Наконец-то мы приступаем к вёрстке на Zero Block. Именно благодаря нулевому блоку мы сможем делать сайты с индивидуальным дизайном и крутыми анимациями.

Сегодня мы познакомимся с Zero Block'ом, рассмотрим его интерфейс, познакомимся с горящими клавишами и кое-чем другим. Изучайте, всем успехов!)

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

👨‍💻[Урок 20] Первый сайт на Zero Block (2 часть - начинаем вёрстку сайта)

Всем привет! Продолжаем изучение Zero Block'a. Пора сделать самый главный шаг - начать. Загружаем макет (материал 2 в меню) и приступаем к изучению урока!

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

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

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

Доброго вечера, продолжаю верстать макет для нашего сайта на Zero Block (читайте последние два урока, мы уже приступили).

Сделал второй блок - программа вебинара. ПСД прикрепляю, ждите новые уроки и загружайте обновлённый макет! Он понадобится для наших уроков.

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

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

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

👨‍💻[Урок 21] Первый сайт на Zero Block (3 часть - работаем с текстом)

Всем доброго утра! Как ваши выходные? Готовы продолжать учиться делать сайты?
Сегодня мы продолжим верстать наш сайт в Zero Block, а конкретнее разберёмся с текстами в главном блоке. Поехали!)

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

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

Всем привет! Продолжаем большую работу над сайтом вебинары на Zero Block.

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

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

​​👨‍💻[Фича 5] Делаем зацикленную круговую анимацию

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

Анимация простая, делается в три клика, выглядит эффектно. Поехали!

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

👨‍💻[Урок 23] Первый сайт на Zero Block (5 часть - завершаем работу над главным блоком)

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

Сегодня мы установим кнопки, проверим работу и опубликуем ГОТОВУЮ страницу. После я создам небольшой опрос, прошу оставьте свой голос - так я пойму, какой контент вам интересен. Успехов в изучении!

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

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

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

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

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

​​👨‍💻[Фича 6] Делаем эффект бегущей строки

Всем привет! В данном мини-уроке мы научимся делать эффектную и простую пошаговую анимацию "Эффект бегущей строки".

Делается в несколько кликов, повторить сможет каждый. Приступаем.

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

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

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

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

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

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

Всем привет! Результаты голосования определили, что нужно всё таки заняться анимацией. Хотели? Держите! Анимация перемещения объектов по осям.

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

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

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

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

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

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

​​👨‍💻[Фича 8] Триггерная анимация на Tilda

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

Давайте разберёмся, как она работает и как создать анимацию со взаимодействием нескольких объектов. Поехали!

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

Друзья, небольшое обращение.

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

Хочу сказать твёрдо - реклама на канале будет, это движок всего этого дела.

Я вложил солидную сумму, чтобы привлечь сюда людей, чему я очень рад. Ежедневно трачу время на написание статей (уроков) для вас и со многими общаюсь в личке, бесплатно отвечая на ваши вопросы.

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

Все уроки - мои. Все их написал я своими руками, за счёт своего опыта.

Отнеситесь с пониманием, увидев рекламу. Она нужна, иначе каналу просто не выжить.

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

Ваш, Сайтодел.

​​👨‍💻[Фича 9] Фиксирование элемента при сролле страницы

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

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

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

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

Доброго вечера. Наконец-то доделал макет третьего блока сайта с вебинаром по инвестициями. Тут у нас будет список спикеров.

Тексты брал из вики, фото из гугла. В прочем, все нужные файлы как всегда ждут вас в архиве 😊 Загружайте, материал понадобится для дальнейших уроков по Zero Block.

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

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

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