SVG, большой гайд
Vložit
- čas přidán 31. 05. 2022
- Друзья, записал для вас гайд по svg. Вам обязательно нужна будет эта база для дальнейшего развития в svg анимации. Как говорится, сложный макет - это простой макет, в котором много сложных мелких деталей, часто эти детали можно решить, если вы имеете хорошую базу по svg.
clip в css - bennettfeely.com/clippy/
svg-path - yoksel.github.io/svg-path/
размеры в svg - yoksel.github.io/svg-sizes/
машинка - codepen.io/yoksel/pen/YzPgmw
SVG или иконочный шрифт:
• SVG или иконочный шриф...
Телеграм канал:
t.me/from0to1com
Сайт курса по верстке - from0to1.com.ua/
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ
Спасибо огромное! Даже в невероятных условиях войны, ты продолжаешь вкладывать силу и энергию в обучение.
Нет слов. Дякую
спасибо
Брат как у вас там в Украине? Я из Кыргызстана. Как вы там? насколько тяжело стала жить после войны?
просто Россия воюет не так как Израиль
@@sshcvc откуда ты выползло ? залазь обратно
@@ligat-rome жил в Николаеве , взорвало соседний дом снарядом
переехал в Одессу , а тут шахеды летают по ночам постоянно + вижу как их сбивают ( я у моря живу и тут очень хорошая видимость всего этого )
Я кажется влюбляюсь в Вашу работу! Сердечное спасибо 💛
8:22 Рисование прямоугольника.
13:34 Рисование круга.
15:20 Рисование овала.
17:08 Рисование многоугольника.
21:55 Рисование линии.
23:26 Рисование ломаной линии.
28:08 Рисование кривой, Figma.
Просто огромное человеческое спасибо!
Максимально доступно и информативно 🤘😎
Ждем такой же курс по Canvas!
Привет! Рад что ты снова с нами! Можешь пожалуйста сделать видео по оптимизации сайта, для pagespeed? )
окей)
Шикарно!!!! Просто и доступно все разъяснил. Спасибо большое!!! Мир вам!!
Спасибо Вадим. Здоровья и Мирного неба Вам и вашей семье.
Огромное спасибо за отличный урок и практику!
Вообще богато! Появилось понимание как работать с svg. Благодарочка!
Очень круто объяснено. Спасибо. Хорошо что зашел на эту вечеринку
Меня так разрывало, когда он говорил "вечеринка"🥳🥳🥳 приятный чел
Спасибо!
Будьте здоровыми!
Спасибо большое! Было приятно смотреть!
спасибо, полезно! жду в дальнейшем видосы с более сложными примерами анимации из реальных проектов)
отлично
Ай молодец! Спасибо за труд.
Спасибо,как всегда на высоте,много информации и позитива.Какой мак юзаешь.Для задач верстальщика,фронтендера удобно использовать?,или есть ньюансы
полноценно и быстро. было приятно смотреть
на одном дыхании смотрится! будь здоров!!!
Самый приятный контент в этой сфере.
Урраааа!
Спасибо за ТОП контент 🥳
спасибо! очень полезный ролик!))) толково всё! многое стало на свои места!)))
SVG-блокбастер, не иначе! спасибо, Вадим, все по полочкам, реально много любопытного для меня! добавила филл на svg палец под видео. вот бы еще видос с версткой макета и более-менее сложной svg-анимацией по мотивам твоих реальных проектов ))
Вот это подгон,спасибо. Ещё очень хотелось бы увидеть видео про обновлённую сборку GULP
в плана есть обновление сборки
Тогда с нетерпением ждём)
@@user-fq5mo4ei1x зачем в 2022 году нужен галп?
@@user-vo7sm5sz7p а почему в 22 году галп не нужен?
@@user-fq5mo4ei1x я не говорил что он не нужен. Я просто спросил почему он ещё используется, чем он лучше чем Парсел или Вит
Аааааа, ура, то что надо, обязательно посмотрю. Лайк!
видос ваще топовый!!! пасиб
пойду ещё раз пересмотрю про маски
Нереально крутой гайд! Низкий поклон и жирный лайк.
благодарю
Крутой гайд, спасибо
Мега круто! Спасибо !
Величезне Вам дякую! Дуже корисне відео!)
Спасибо, будем изучать!
супер
Спасибо Вадос за твои труды!😁 Ты всегда будешь у нас в авторитете!😏😁
"По центру пацанёныша" 🤣 Можно смотреть видосы просто ради этих фраз
Спасибо
Спасибо за такое информативное видео! Шрифт супер как называеться?
Спасибо за все
спасибо....думала сложно, по другим видео, но вроде все не сложна))
Ну это царский ролик вышел
Вадим! Вот это подгон! Крутой контент! И, да, курсы твои огонь! Спасибо огромное! Это большой труд, большая работа!
Благодарю
Отличное видео!
Хотелось бы увидеть как делать выпадающее меню
Спасибо, очень полезно
Вадим спасибо тебе большое за кучу полезной информации
Увидел видос Вадима, лайк поставил по автомату!)) Спасибо Вадим, огромное, без тебя ютуб не смотрю! Не останавливайся ПОЖАЛУЙСТА!!!
Благодарю
Сапожник будет доволен - сапожник в восторге! ;)))
Как всегда, улёт и супер!
Супер.... Дякую за пояснення.
Лучший)
Прекрасный материал, большое спасибо!
Но остался один вопрос..мне все таки неясно зачем было заходить в фигму и менять размеры яблока, а потом ещё делать изменения в тегах в программе... Нельзя ли просто было изменить параметр wight в стилях css?
Спасибо большое
Спасибо.
просто ох@@@ваю насколько полезный канал
спасибо, ну у меня много видосов которые прокачают
Лайк и коммент не глядя
О, долгожданный урок :) Спасибо!
Урааа, спасибо
Круто!
Вадим такой вопрос. Эти сайты, что мы делаем на марафонах можно вставлять в резюме?
спасибо за видео
Спасибо! За урок! Как всегда топ! Доступно и понятно!
спасибо
Спасибо
"Ламаная" линия- линия которую поломали ))))))👍
23.38 топчик))
Очень годный контент. Как всегда все очень понятно. Очень жду новые курсы
спасибо
Крутой видос. Ждём более сложные анимации с применением js. Маски возможно необычные покажешь для изображений. Спасибо!
Красавчик, как всегда всё подробно и по делу. Заряд позитива и мотивации при каждом просмотре видео!=)
С нетерпением жду новой инфы, новых видосов=)
И уже наверно заядлый вопрос: когда будет курс по js?=))
не знаю, посмотрим, есть идейки
Вадим хотел нарисовать 卍 , когда показывал polyline
Какую тему в vscode ты используешь?
А про теги pattern, defs, use и т.д. хотелось бы услышать)
Насчёт тега clipPath, думаю, что в таком случае лучше использовать css свойство mask-image, оно попроще будет, а результат тот же
привет Вадим, спасибо за урок. ты лучший учитель в ютубе. жду следующих гайдов.
Красава
ОГРОМНОЕ СПАСИБО!!! - за такой урок! Кто вникал и смотрел до конца точно level Up-нул))
В конце заинтриговал, теперь ждем вечеринку по закреплению этих скилов;)
Как всегда жирный Лайк для продвижения контента!
спасибо
svg из Font Awesom можно качать и вставлять в свой сайт без лицензии?
Вадим, как тебе идея записать видос про полную работу на фрилансе. От поиску заказа до сдачи. Очень полезно будет для новичков
заказчику это не понравится, он не хочет чтобы все знали стоимость заказа, как я с ним общался, и видели как я создавал сайт, а без пруфов и цифр это не интересно
какая тема для иконок vscode
стоит, скажите пожалуйста?)
Ты лучший
спасибо)
Что там нажимаешь в Figme? Область мне нужно отдельно область чтобы менялась нихатыж а надобно шас
Спасибо большое за гайд!
пару раз видел на сайтах в зависимости от скролла плавали буквы по кривой линии. это через svg делается?
Спасибо за урок. Большое дело делаешь!
спасибо
Вадим не могу открыть макет из предыдущего ролика на Фигме, так как случилось так что я живу в рф, его можно в Фотошопе открыть? Сам пробовал не получилось!
макеты из фигмы в фотошопе не открыть
Супер! Дякую.
дякую
Оце я розумію крутий урок👍💪💪.Було би круто якби ти зробив уроки по JS, jQuery і по WP:)))
Дуже крутий відос, дякую! Это моя лучшая вечеринка 🔥🔥🔥
Большое спасибо . Было очень полезно!
как всегда, великолепно!!!
Только вчера решил левелапнуть свои знания по свг и тут такая царская вечерина подъехала. Дякую!
я знал=)
Что за шрифт у тебя в VS Code?
Инфы канешн не дуже насыщено, но лайкос впаял чуваку чисто за базар!!! Ни в коем случае не переходи на "нормальную" речь))) Бакланишь шедеврально!!!
З.Ы. Сделай, еслли шаришь видос про зум, очень мало инфы про ЭТО
На тебе лайк
Супер! Дякую за класний урок!
Привет, жду стрим по продвинутой верстке)
Жёсткий буст, спасибо !🥹
Круто! Все ясно и понятно
Если svg содержит id внутри себя, то если эта svg используется несколько раз на странице, html-валидатор будет ругаться, что несколько одинаковых id на странице
Спасибо, мне кажется видео приобрели более высокий уровень
спасибо
очень мощное видео, спасибо большое!!!
Дякую!
Респект за контент и за юмор)
Братец. Открыл мне просто кучу новой информации. Огромное спасибо тебе за такое видео. Не оправданно мало комментариев и лайков. Буду ждать новые видео.
P.S : Не когда не писал комментарии в ютубе , но тут не смог не написать 😀
круто! спасибо за комент
Всем привет! У меня вопрос немного не по теме видео.
Стоит ли совмещать изучение английского языка и HTML, CSS, JS или лучше сначала учить фронт, а потом уже начинать английский, чтобы не разрываться?
П.С. Вадос, ты крут!
Лучше сперва англ учи. Потом хтмл и цсс и в конце отдельно джс иначе взрыв мозга будет
@@gio2156 Ну я буду сначала CSS и HTML. Я это к тому, стоит ли с английским совмещать. Просто считаю, что основное это все же верстка, а язык уже потом можно. Много где слышал, что в принципе норм подход.
я думаю что совмещать будет крайне сложно
@@vadymprokopchuk ну это да. Тем более, на сколько я помню, ты сам недавно начинал учить английский и тебе особо он не был нужен.
Еще, как вариант, английский по плейлистам слушать.
дякую
Не вероятно крутой преподаватель!!!!!!!
спасибо
Дякую, Вадим! Дуже корисне відео! 👍 🟦🟨
Дякую
Спасибо за уроки!