Слайдер (autoscale)
На этом занятии мы подключим слайдер с автоскейлом. Я расскажу, как настроить слайдер, изменить его параметры, добавлять слайды и многое другое.
Ссылка на страницу (платный доступ):
https://mt-webdesign.ru/mt-carousel-zero
На этом занятии мы подключим слайдер с автоскейлом. Я расскажу, как настроить слайдер, изменить его параметры, добавлять слайды и многое другое.
Ссылка на страницу (платный доступ):
https://mt-webdesign.ru/mt-carousel-zero
Media is too big
VIEW IN TELEGRAM
Всем привет! Рад поделиться новостью о запуске своего курса:
«Всё с нуля: база для уверенного старта» и «Кастомизируй и управляй: от идей до результата».
Курс состоит из двух частей для максимального удобства:
Первая часть:
Познакомишься с основами вёрстки: HTML, CSS и JS, а также их применением на практике. Освоишь работу с кодом, кастомизацию стандартных блоков, адаптивный дизайн, анимацию элементов и многое другое.
Вторая часть:
Мы углубимся в создание анимаций с использованием GSAP и ScrollTrigger. Разберём полный цикл разработки сайта с нуля. Я покажу, как нахожу решения, работаю с задачами и прохожу путь от концепции до готового проекта. В процессе будем использовать HTML, CSS, JS, GSAP и ScrollTrigger, шаг за шагом создавая анимации. На каждом этапе я буду делиться опытом, помогать и давать рекомендации.
Полная программа курсов, стоимость и запись доступны по ссылке:
https://mt-webdesign-course.ru
(Количество мест ограничено!)
Остались вопросы? Пиши сюда:
https://t.me/lSonofSaml
«Всё с нуля: база для уверенного старта» и «Кастомизируй и управляй: от идей до результата».
Курс состоит из двух частей для максимального удобства:
Первая часть:
Познакомишься с основами вёрстки: HTML, CSS и JS, а также их применением на практике. Освоишь работу с кодом, кастомизацию стандартных блоков, адаптивный дизайн, анимацию элементов и многое другое.
Вторая часть:
Мы углубимся в создание анимаций с использованием GSAP и ScrollTrigger. Разберём полный цикл разработки сайта с нуля. Я покажу, как нахожу решения, работаю с задачами и прохожу путь от концепции до готового проекта. В процессе будем использовать HTML, CSS, JS, GSAP и ScrollTrigger, шаг за шагом создавая анимации. На каждом этапе я буду делиться опытом, помогать и давать рекомендации.
Полная программа курсов, стоимость и запись доступны по ссылке:
https://mt-webdesign-course.ru
(Количество мест ограничено!)
Остались вопросы? Пиши сюда:
https://t.me/lSonofSaml
Урок по Тильде (Tilda) | Простые анимации
Всем привет! Сегодня мы поговорим о создании простых в реализации, но при этом интересных анимаций при наведении.
Ссылка на видео:
https://youtu.be/HZtumJ6XbFM
Всем привет! Сегодня мы поговорим о создании простых в реализации, но при этом интересных анимаций при наведении.
Ссылка на видео:
https://youtu.be/HZtumJ6XbFM
Всем привет! Сегодня в работе Тильды наблюдаются сбои. Если у вас возникли проблемы со входом в личный кабинет, попробуйте воспользоваться прямой ссылкой
Всем привет!
В ближайшее время я планирую запустить новый сайт — своего рода блог, где буду делиться мыслями о дизайне, разработке, анимации и настройках Тильды. Основной упор сделаю на решения простых задач, с которыми сталкиваются молодые дизайнеры, но контент будет полезен и тем, кто уже давно в профессии.
В ближайшее время я планирую запустить новый сайт — своего рода блог, где буду делиться мыслями о дизайне, разработке, анимации и настройках Тильды. Основной упор сделаю на решения простых задач, с которыми сталкиваются молодые дизайнеры, но контент будет полезен и тем, кто уже давно в профессии.
Всем привет! Рад поделиться новостью о запуске своего блога!
Здесь вы найдете полезные статьи, обзоры и видео, которые помогут разобраться в веб-дизайне и разработке. Со временем сайт будет расширяться и пополняться новым контентом.
Что вас ждет?
- Обзоры сайтов с Awwwards — разбор технологий и решений, использованных в проектах
- Полезные команды и свойства HTML, CSS, JS для новичков
- Подробные инструкции по настройке Тильды
- Лайфхаки и тренды в веб-дизайне
- Подборки полезных инструментов и ресурсов
- И многое другое!
Следите за обновлениями и присоединяйтесь! 🔥
https://mt-webdesign-blog.ru
Здесь вы найдете полезные статьи, обзоры и видео, которые помогут разобраться в веб-дизайне и разработке. Со временем сайт будет расширяться и пополняться новым контентом.
Что вас ждет?
- Обзоры сайтов с Awwwards — разбор технологий и решений, использованных в проектах
- Полезные команды и свойства HTML, CSS, JS для новичков
- Подробные инструкции по настройке Тильды
- Лайфхаки и тренды в веб-дизайне
- Подборки полезных инструментов и ресурсов
- И многое другое!
Следите за обновлениями и присоединяйтесь! 🔥
https://mt-webdesign-blog.ru
Всем привет! На моём блоге вышла новая статья, в которой я рассказываю, как избавиться от неровностей в шрифте. Часто бывает, что шрифт, загруженный на сайт, отображается некорректно: некоторые линии оказываются толще, буквы мельче, а иногда появляется пикселизация. В этой статье я объясню, что вызывает эту проблему и как с ней справиться.
Если статья будет полезна, поделитесь ею с друзьями или коллегами — это помогает в продвижении блога и даёт возможность другим людям находить нужную информацию.
https://mt-webdesign-blog.ru/font-problem
Если статья будет полезна, поделитесь ею с друзьями или коллегами — это помогает в продвижении блога и даёт возможность другим людям находить нужную информацию.
https://mt-webdesign-blog.ru/font-problem
Эффект дыма
В этом видео я расскажу, как можно создать эффект дыма на своей странице, который будет реагировать на движение мыши.
Ссылка на страницу (платный доступ):
https://mt-webdesign.ru/smoke
В этом видео я расскажу, как можно создать эффект дыма на своей странице, который будет реагировать на движение мыши.
Ссылка на страницу (платный доступ):
https://mt-webdesign.ru/smoke
Всем привет!
Решил провести небольшой опрос — хочу узнать, что вам интересно.
О чем бы вы хотели узнать больше?
Решил провести небольшой опрос — хочу узнать, что вам интересно.
О чем бы вы хотели узнать больше?
Anonymous Poll
30%
Веб-дизайн — тренды, фишки, вдохновение
67%
Верстка (код) — крутые решения, лайфхаки, разбор кода
11%
Брендинг — логотипы, фирменный стиль, айдентика
62%
Tilda лайфхаки — скрытые возможности без кода
1%
Своя тема — пишите в комменты, что интересно вам!
This media is not supported in your browser
VIEW IN TELEGRAM
Всем привет! Если вдруг стало тихо — не переживайте, я про вас не забыл. Просто готовлю кое-что мощное. А пока — пару набросков из рабочего процесса: GSAP, ScrollTrigger, SplitText, JS. ))) + обновления
Media is too big
VIEW IN TELEGRAM
А для тех, кто ждал Spline, тоже будет приятная новость — по нему также будут видео 😉
Всем привет!
К сожалению, вновь приходится поднимать тему предыдущего поста — об уникальности решений и так называемых "профессионалах", которые "вдохновляются" чужими идеями, выдавая их за свои и перепродавая.
Эти персонажи замечены не только в копировании моих модификаций, но и в использовании чужих наработок, включая труд коллег, добросовестно создающих и делящихся собственными решениями.
Призываю всех быть внимательнее: проверяйте первоисточник и не платите тем, кто наживается на чужом труде.
К сожалению, вновь приходится поднимать тему предыдущего поста — об уникальности решений и так называемых "профессионалах", которые "вдохновляются" чужими идеями, выдавая их за свои и перепродавая.
Эти персонажи замечены не только в копировании моих модификаций, но и в использовании чужих наработок, включая труд коллег, добросовестно создающих и делящихся собственными решениями.
Призываю всех быть внимательнее: проверяйте первоисточник и не платите тем, кто наживается на чужом труде.
Media is too big
VIEW IN TELEGRAM
Ну а теперь к приятному. Сейчас в активной работе AnimateX: GSAP Edition — пак из 15 стильных анимаций, которые запускаются по мере скролла страницы.
От нестандартных текстовых эффектов до объёмной 3D-карусели. Всё с пошаговыми видео-инструкциями, чтобы легко настроить под себя.
А ещё дополнительные занятия по GSAP, где разберём, как всё это работает и как применять в своих проектах.
От нестандартных текстовых эффектов до объёмной 3D-карусели. Всё с пошаговыми видео-инструкциями, чтобы легко настроить под себя.
А ещё дополнительные занятия по GSAP, где разберём, как всё это работает и как применять в своих проектах.
AnimateX: GSAP Edition
Анимации с характером — для яркого и узнаваемого сайта
Создавайте WOW-эффекты и оживляйте сайты с 15 уникальными анимациями на GSAP. Все шаблоны адаптированы под Tilda и легко подключаются самостоятельно, а также по видео-инструкции.
- 15 эффектных и гибко настраиваемых анимаций
- Адаптивность и поддержка всех экранов
- Простая интеграция в любой проект на Tilda
- Подробные видео-гайды к каждому шаблону
Цена: 7500р
Разовая покупка — доступ навсегда.
Без подписок и скрытых платежей.
Ссылка: https://mt-webdesign-pack.ru
Анимации с характером — для яркого и узнаваемого сайта
Создавайте WOW-эффекты и оживляйте сайты с 15 уникальными анимациями на GSAP. Все шаблоны адаптированы под Tilda и легко подключаются самостоятельно, а также по видео-инструкции.
- 15 эффектных и гибко настраиваемых анимаций
- Адаптивность и поддержка всех экранов
- Простая интеграция в любой проект на Tilda
- Подробные видео-гайды к каждому шаблону
Цена: 7500р
Разовая покупка — доступ навсегда.
Без подписок и скрытых платежей.
Ссылка: https://mt-webdesign-pack.ru
Урок по Тильде (Tilda) | Переход в стиле GTA
В этом видео я покажу, как реализовать стильный переход в стиле GTA 6 с помощью GSAP и пошаговой анимации.
Ссылка на видео и исходники:
https://youtu.be/rX9MFyYuVM8
https://mt-webdesign.ru/gta
В этом видео я покажу, как реализовать стильный переход в стиле GTA 6 с помощью GSAP и пошаговой анимации.
Ссылка на видео и исходники:
https://youtu.be/rX9MFyYuVM8
https://mt-webdesign.ru/gta
Динамичное перемешивание текста
В этом видео я расскажу, как можно создать эффект динамичного перемешивания текста с помощью GSAP анимации.
Ссылка на страницу (платный доступ):
https://mt-webdesign.ru/scramble
В этом видео я расскажу, как можно создать эффект динамичного перемешивания текста с помощью GSAP анимации.
Ссылка на страницу (платный доступ):
https://mt-webdesign.ru/scramble
Исправляем баг с пошаговой анимацией
В этом видео я разберу один небольшой баг, который не раз портил жизнь мне и многим другим дизайнерам.
Речь пойдёт о пошаговой анимации (SBS), а именно — о баге, связанном с позиционированием элементов и запуском анимации.
Разберём проблему на примере анимации в шапке сайта: почему при фиксации шапки и попытке анимировать её трансформацию при прокрутке, анимация сбрасывается после перезагрузки страницы или перестаёт реагировать на скролл.
Ссылка на видео и исходники:
https://youtu.be/rX0ST-c-Vt4
https://mt-webdesign-blog.ru/gsap-header
В этом видео я разберу один небольшой баг, который не раз портил жизнь мне и многим другим дизайнерам.
Речь пойдёт о пошаговой анимации (SBS), а именно — о баге, связанном с позиционированием элементов и запуском анимации.
Разберём проблему на примере анимации в шапке сайта: почему при фиксации шапки и попытке анимировать её трансформацию при прокрутке, анимация сбрасывается после перезагрузки страницы или перестаёт реагировать на скролл.
Ссылка на видео и исходники:
https://youtu.be/rX0ST-c-Vt4
https://mt-webdesign-blog.ru/gsap-header