Matilda Design

Эффект ленты проектов (новая модификация) В этом видео мы разберём, как создать анимацию ленты проектов с эффектом искажения при скролле в Tilda с использованием библиотек Three.js, GSAP и её плагинов. Ссылка на страницу (платный доступ): https://mt-webdesign.ru/ribbon-mod

Всем привет! Новая модификация на этой неделе

Всем привет! В настоящее время наблюдаются сбои в работе серверов. Если у вас возникают проблемы с подключением некоторых модификаций или их корректной работой, вы можете самостоятельно обновить подключённые библиотеки, используя альтернативные источники. Список библиотек: GSAP, ScrollTrigger (для работы с анимациями из пака и некоторых модификаций) <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script> Для модификации и анимаций связаных с текстом: <script src="https://unpkg.com/split-type@0.3.3/umd/index.min.js"></script> Слайдеры: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8.3.2/swiper-bundle.min.css"/> <script src="https://cdn.jsdelivr.net/npm/swiper@8.3.2/swiper-bundle.min.js"></script> Это временная проблема. В настоящее время ведутся работы по её устранению. Приношу извинения за неудобства. !Проблема устранена. Спасибо за понимание!

Всем привет! 👋 Новое видео на канале: ТОП-5 ресурсов для анимации сайтов В этом видео я собрал ТОП-5 ресурсов для анимации сайтов, которыми сам регулярно пользуюсь в работе Ссылка на видео: https://youtu.be/fVawsdT03Dw

Как сделать сложную scroll-анимацию в Тильде В этом видео мы разберём, как создать анимацию трансформации фигуры в Tilda с помощью библиотеки GSAP и её плагинов. Ссылка на видео и исходники: https://youtu.be/1MqgxKlmob8 https://mt-webdesign.ru/morph

Понедельник

Всем привет! 👋 Новое видео на канале: 5 принципов построения анимаций на Awwwards В этом видео разберём самые популярные типы веб-анимаций: - анимации по скроллу - появление элементов в области видимости - покадровую анимацию - анимации интерфейса - текстовые эффекты Покажу, как такие анимации используются на современных сайтах и какие технологии чаще всего применяют для их реализации. Ссылка на видео: https://youtu.be/ZiK0C65luOQ

🚀 Масштабное обновление Matilda Design Проект вышел на новый уровень: библиотека стала чище и удобнее, а страницы инструкций продуманнее и функциональнее. Навигация теперь сворачивается, освобождая пространство для работы, фильтрация и поиск с подсказками помогают мгновенно находить нужные модификации, а количество элементов обновляется автоматически. Интерфейс стал быстрее и практичнее с превью, быстрым переходом по разделам и копированием ID и кода в один клик. Обновленные модификации: Современные кнопки Слайдер (autoscale) Карусель для проектов Скролл для портфолио Новые модификации: Мягкий блюр-курсор Скринсейвер (Screensaver)

AnimateX: GSAP Edition* Card Elevation // 032 В коллекцию добавлена новая анимация, создающая эффект стопки карточек: по мере прокрутки они поднимаются вверх и плавно закручиваются 👉 Перейти на сайт 👉 Открыть доступ 🔓 Для всех, кто уже имеет доступ — новые анимации доступны без доплаты. Анимации эксклюзивны и не входят в подписку Matilda Design. AnimateX — это отдельный продукт без ограничений по подписке. Ваш личный инструмент навсегда.

Технические работы на сайте (Matilda Design) 7 марта в 04:00 по МСК на сайте будут проводиться технические работы, связанные с крупным обновлением библиотеки. В период проведения работ сайт может временно работать нестабильно или отображаться некорректно. Приношу извинения за возможные неудобства и благодарю за понимание. О завершении работ будет сообщено дополнительно в группе