SVG анимации с помощью CSS, JavaScript (Snap.svg) и SMIL

Напишите нам: [email protected] Долгожданный ролик про анимацию SVG в вебе. Рассмотрим три основных способа: CSS анимации, SMIL анимации и JavaScript анимации на примере Snap.svg. Обо всех плюсах и минусах каждого способа смотрите в ролике! Поддержать канал на Patreon:   / uwebdesign   Полезные ссылки: • SVGO инстурмент для оптимизации: https://jakearchibald.github.io/svgomg/ • Анимируем SVG с помощью CSS: http://css-tricks.com/animating-svg-css/ • Анимируем SVG прорисовку линий: http://css-tricks.com/svg-line-animat... • Библиотека Walkway.js: http://www.connoratherton.com/walkway • Плагин Lazy Line Painter: http://lazylinepainter.info • Гайд по SMIL анимациям: http://css-tricks.com/guide-svg-anima... • SVG Morphing Animations: http://codepen.io/noahblon/blog/an-in... • Snap.svg: http://snapsvg.io • Анимированный круг с процентами: http://codepen.io/rachsmith/pen/BqpCd • Туториал на Codyhouse про анимацию нескольких элементов по очереди: http://codyhouse.co/gem/animate-svg-i... • Советы по созданию Accessible SVG: http://www.sitepoint.com/tips-accessi... Другие ролики про SVG (анимации, спрайты, фильтры):    • Все про SVG   --------------- Привет! Это канал подкастеров из Челябинска — uwebdesign. Нас зовут Александр Гончаров и Никита Тарасов. Здесь вы найдете видео про веб разработку и IT на русском языке, а также обзоры на технику, про ux дизайн, инструменты для разработки, урбанистику, новости и многое другое. Приятного просмотра! uWebDesign в соц. сетях: • Telegram: https://t.me/uwebdesign • Reddit:   / uwebdesign   • VK: https://vk.com/uwebdesign • Twitter:   / uwebdesgn   • Facebook:   / uwebdesgn   Мы в Instagram: • Александр Гончаров:   / websanya   • Никита Тарасов:   / voodoouue   Мы в твиттере: • Никита Тарасов:   / voodooue   • Александр Гончаров:   / websanya   #svg #html #frontend