SVG. Руководство по использованию векторных изображений

Привет! SVG уже давно вошел в веб-разработку как некий стандарт для создания иконок на страницах. Данный формат легче, удобнее, производительнее и просто четче, потому что при изменении размеров не меняется четкость изображения. В этом видео я расскажу, как использовать и создавать svg-графику на сайтах. Поехали! Содержание: 00:00 - Вступление 02:18 - Виды подключения svg на страницу 07:10 - Как создавать svg-изображения с нуля 19:07 - Про размеры и viewBox 20:33 - Про теги g, defs 22:22 - Тег path 31:11 - Заливка и обводка 37:11 - SVG-спрайты в html-файле 42:08 - SVG-спрайты во внешнем файле 44:30 - Пример простого градиента в SVG 46:32 - Заключение https://github.com/maxdenaro/maxgraph...
- примеры из видео https://blog.maxgraph.ru/2019/04/22/s...
- моя статья про вставку svg https://codepen.io/MaxGraph/pen/abbLdeO
- пример svg-градиента Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка. Понравилось? https://clck.ru/Gr9Ec
Моя страница вконтакте: http://vk.com/maxdenaro
Мой блог: http://blog.maxgraph.ru
Мой сайт: http://maxgraph.ru
Канал в телеграм: https://teleg.run/maxgraph
Чат для верстальщиков: https://teleg.run/maxgraph_chat
#обучение #svg #векторнаяграфика