Напишите нам: work@uwebdesign.ru
Долгожданный ролик про анимацию SVG в вебе. Рассмотрим три основных способа: CSS анимации, SMIL анимации и JavaScript анимации на примере Snap.svg. Обо всех плюсах и минусах каждого способа смотрите в ролике!
Поддержать канал на Patreon: [ Ссылка ]
Полезные ссылки:
• SVGO инстурмент для оптимизации: [ Ссылка ]
• Анимируем SVG с помощью CSS: [ Ссылка ]
• Анимируем SVG прорисовку линий: [ Ссылка ]
• Библиотека Walkway.js: [ Ссылка ]
• Плагин Lazy Line Painter: [ Ссылка ]
• Гайд по SMIL анимациям: [ Ссылка ]
• SVG Morphing Animations: [ Ссылка ]
• Snap.svg: [ Ссылка ]
• Анимированный круг с процентами: [ Ссылка ]
• Туториал на Codyhouse про анимацию нескольких элементов по очереди: [ Ссылка ]
• Советы по созданию Accessible SVG: [ Ссылка ]
Другие ролики про SVG (анимации, спрайты, фильтры): [ Ссылка ]
---------------
Привет! Это канал подкастеров из Челябинска — uwebdesign. Нас зовут Александр Гончаров и Никита Тарасов. Здесь вы найдете видео про веб разработку и IT на русском языке, а также обзоры на технику, про ux дизайн, инструменты для разработки, урбанистику, новости и многое другое. Приятного просмотра!
uWebDesign в соц. сетях:
• Telegram: [ Ссылка ]
• Reddit: [ Ссылка ]
• VK: [ Ссылка ]
• Twitter: [ Ссылка ]
• Facebook: [ Ссылка ]
Мы в Instagram:
• Александр Гончаров: [ Ссылка ]
• Никита Тарасов: [ Ссылка ]
Мы в твиттере:
• Никита Тарасов: [ Ссылка ]
• Александр Гончаров: [ Ссылка ]
#svg #html #frontend
![](https://i.ytimg.com/vi/meD4fFX9jKQ/maxresdefault.jpg)