Векторна графіка та SVG. АНІМАЦІЯ на ВЕБ сторінках
Привітос! Сьогодні я поділюся з тобою підходами в роботі з векторною графікою та SVG. А саме як швидко і легко зрозуміти мову розмітки SVG, навчитись базової анімації та як вміти використовувати ці знання на практиці. Пиши у коментарях, про що тобі цікаво було б почути у моїх наступних відео!
Ком'юніті:
- @ua_programmer (меми для програмістів): https://www.instagram.com/ua_programmer
- Маніфест (ком'юніті україномовних блоґерів): https://manifest.in.ua
- Маніфест (основний Telegram-канал): https://t.me/manifestinua
- Learning Web Development (FB-група): https://www.facebook.com/groups/learningwebdevelopment
Корисні посилання:
- Shutterstock (стокові фото та відео): https://submit.shutterstock.com/?ref=205366377
- Todoist (система таск-менеджменту): https://todoist.com/r/yuriy_detsyk_vqneet
- Payoneer (фінансова система, БОНУС $25 після отримання $1000): https://bit.ly/3jQEJGH
- Audible (БЕЗКОШТОВНО 2 аудіокниги): https://amzn.to/2HRvU1d
- Teamwork (система командного таск-менеджменту): https://www.teamwork.com/partner/e2fj9ugrdw
- Epidemic Sound (ліцензійна музика, БЕЗКОШТОВНО 1 місяць): https://www.epidemicsound.com/referral/pyyndk/
- vidIQ (інструмент розкрутки YouTube-каналу): https://vidiq.com/?afmc=6k0
- Duolingo (БЕЗКОШТОВНА платформа для вивчення мов): https://invite.duolingo.com/BDHTZTB5CWWKSJOACYTXH5VCLI
Зміст:
00:00 Інтро
00:40 Що таке векторна графіка
02:21 Формат SVG
03:47 Варіанти імпорту SVG
07:21 Як анімувати SVG
13:10 Підсумки
Швидке посилання на відео: https://youtu.be/DeVLDXxikX0
Додавайтесь у соціальних мережах:
- https://www.instagram.com/yuriydetsyk
- https://www.linkedin.com/in/yuriydetsyk
- https://twitter.com/yuriydetsyk
#SVG #ВекторнаГрафіка #фронтенд #анімація #YuriyDetsyk
Видео Векторна графіка та SVG. АНІМАЦІЯ на ВЕБ сторінках канала Yuriy Detsyk
Ком'юніті:
- @ua_programmer (меми для програмістів): https://www.instagram.com/ua_programmer
- Маніфест (ком'юніті україномовних блоґерів): https://manifest.in.ua
- Маніфест (основний Telegram-канал): https://t.me/manifestinua
- Learning Web Development (FB-група): https://www.facebook.com/groups/learningwebdevelopment
Корисні посилання:
- Shutterstock (стокові фото та відео): https://submit.shutterstock.com/?ref=205366377
- Todoist (система таск-менеджменту): https://todoist.com/r/yuriy_detsyk_vqneet
- Payoneer (фінансова система, БОНУС $25 після отримання $1000): https://bit.ly/3jQEJGH
- Audible (БЕЗКОШТОВНО 2 аудіокниги): https://amzn.to/2HRvU1d
- Teamwork (система командного таск-менеджменту): https://www.teamwork.com/partner/e2fj9ugrdw
- Epidemic Sound (ліцензійна музика, БЕЗКОШТОВНО 1 місяць): https://www.epidemicsound.com/referral/pyyndk/
- vidIQ (інструмент розкрутки YouTube-каналу): https://vidiq.com/?afmc=6k0
- Duolingo (БЕЗКОШТОВНА платформа для вивчення мов): https://invite.duolingo.com/BDHTZTB5CWWKSJOACYTXH5VCLI
Зміст:
00:00 Інтро
00:40 Що таке векторна графіка
02:21 Формат SVG
03:47 Варіанти імпорту SVG
07:21 Як анімувати SVG
13:10 Підсумки
Швидке посилання на відео: https://youtu.be/DeVLDXxikX0
Додавайтесь у соціальних мережах:
- https://www.instagram.com/yuriydetsyk
- https://www.linkedin.com/in/yuriydetsyk
- https://twitter.com/yuriydetsyk
#SVG #ВекторнаГрафіка #фронтенд #анімація #YuriyDetsyk
Видео Векторна графіка та SVG. АНІМАЦІЯ на ВЕБ сторінках канала Yuriy Detsyk
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Верстка не страшна? Вчіть Flexbox! 6 етапів HTML-версткиРіст від трейні до тімліда. Рівні кваліфікації в айті. Моя думкаЯ ОЙТІШНИК - Я РОБЛЮ САЙТИ | #ITLIFE 012Bootstrap 4 Grid Layout. Система розмітки на Flexbox. Класи CSSGoogle, StackOverflow та їда за столом. ІТ-меми українською | #ITLIFE 003СКІЛЬКИ ЧАСУ програмісти КОДЯТЬ за день? 27/7! Розробники - ХАЛЯВЩИКИ?Фронтенд таски та завдання для програміста. Веб-розробка, фріланс та робота в компаніїНам треба поговорити. Що з каналомПростий JavaScript-бот для Duolingo | ПОВНА ВЕРСІЯCodewars, мій найперший стрім, JS завдання | Стрім: Обране8 СЕКРЕТІВ успішної співбесідиПрограміст-початківець у 2022. 5 ключових порадУрок: 6 етапів HTML-верстки. Веб-сторінка на FlexboxМій досвід першого працевлаштування. Співбесіда в ІТ-компанію для початківцяФРІЛАНС чи ОФІС? Плюси та мінуси віддаленої роботиCodewars, мій найперший стрім, JS завдання | ПОВНА ВЕРСІЯГроші та ВЕЛИКІ СУМИ $$$. Які ДОХОДИ в айті? ШТРАФИ, ПОДАТКИСмарт-окуляри Ray-Ban Stories👀 | Inspiration4 від SpaceX🚀 | Apple vs Epic Games💥 | ІТ дайджестЯК ПОЧАТИ роботу в команді? НОВАЧОК на проекті? 5 ПОРАДІсторія українського стартапу ЛУН🏡 | Космодром від SpaceX🚀 | Медичний пропуск ЄС💊 | ІТ-дайджест