SVG (масштабируемая векторная графика) независимы от разрешения, масштабируемы для реагирования и легко перемещаются по DOM. Узнайте, как использовать этот надежный графический формат, а также как создавать сложные анимации для множества вариантов использования в Интернете. В этом обновленном семинаре вам расскажут о практических примерах UI / UX, вы узнаете, как создавать графику с впечатляюще маленькими файлами, и получать удовольствие от творческих приемов.
https://github.com/sdras/svg-workshop
frontendmasters
Узнайте, как использовать этот мощный графический формат, а также как сделать сложные анимации c помощью SVG для множества случаев на своих веб-страницах.
codeschool
Узнай как использовать масштабируимые изоброжения svg для удобства иконок / изоброжений на сайте.
egghead
В этом курсе мы рассмотрим несколько различных способов создания, оптимизации и интеграции набора значков SVG. Есть плюсы и минусы каждого метода, поэтому мы проанализируем каждый подход, чтобы вы могли принять обоснованное решение для своего проекта. Мы научимся использовать инструменты сборки для автоматизации процесса создания, обработки и оптимизации иконок. Мы рассмотрим, как использовать CSS для управления стилями на SVG и даже как интегрир
SVG (масштабируемая векторная графика) также поддерживает интерактивность и анимацию, поэтому вы можете анимировать и взаимодействовать с SVG, как вы это делаете с HTML. Этот короткий курс охватывает наиболее распространенные методы анимации SVG: transitions, transforms, и keyframe.
![Изображение курса Основы SVG [полное руководство по спецификации языка 2020]](https://cdn.coursehunter.net/courses/720x440/osnovy-svg-polnoe-rukovodstvo-po-specifikacii-yazyka-2020.webp)
Imagine being this unimaginative to boar the students with so much theory in such a fun domains a SVG. Terrible.