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.
Огромное спасибо за отличный урок и практику!
Спасибо большое! Было приятно смотреть!
спасибо, полезно! жду в дальнейшем видосы с более сложными примерами анимации из реальных проектов)
отлично
Вообще богато! Появилось понимание как работать с svg. Благодарочка!
Очень круто объяснено. Спасибо. Хорошо что зашел на эту вечеринку
Меня так разрывало, когда он говорил "вечеринка"🥳🥳🥳 приятный чел
Спасибо!
Будьте здоровыми!
на одном дыхании смотрится! будь здоров!!!
Ай молодец! Спасибо за труд.
спасибо! очень полезный ролик!))) толково всё! многое стало на свои места!)))
Спасибо Вадим. Здоровья и Мирного неба Вам и вашей семье.
полноценно и быстро. было приятно смотреть
Ждем такой же курс по Canvas!
Самый приятный контент в этой сфере.
видос ваще топовый!!! пасиб
пойду ещё раз пересмотрю про маски
Привет! Рад что ты снова с нами! Можешь пожалуйста сделать видео по оптимизации сайта, для pagespeed? )
окей)
Урраааа!
Спасибо за ТОП контент 🥳
Нереально крутой гайд! Низкий поклон и жирный лайк.
благодарю
Аааааа, ура, то что надо, обязательно посмотрю. Лайк!
SVG-блокбастер, не иначе! спасибо, Вадим, все по полочкам, реально много любопытного для меня! добавила филл на svg палец под видео. вот бы еще видос с версткой макета и более-менее сложной svg-анимацией по мотивам твоих реальных проектов ))
Крутой гайд, спасибо
Мега круто! Спасибо !
Спасибо Вадос за твои труды!😁 Ты всегда будешь у нас в авторитете!😏😁
Вот это подгон,спасибо. Ещё очень хотелось бы увидеть видео про обновлённую сборку GULP
в плана есть обновление сборки
Тогда с нетерпением ждём)
@@user-fq5mo4ei1x зачем в 2022 году нужен галп?
@@user-vo7sm5sz7p а почему в 22 году галп не нужен?
@@user-fq5mo4ei1x я не говорил что он не нужен. Я просто спросил почему он ещё используется, чем он лучше чем Парсел или Вит
Спасибо, будем изучать!
супер
Вадим! Вот это подгон! Крутой контент! И, да, курсы твои огонь! Спасибо огромное! Это большой труд, большая работа!
Благодарю
Величезне Вам дякую! Дуже корисне відео!)
Вадим спасибо тебе большое за кучу полезной информации
спасибо....думала сложно, по другим видео, но вроде все не сложна))
Спасибо за все
Спасибо,как всегда на высоте,много информации и позитива.Какой мак юзаешь.Для задач верстальщика,фронтендера удобно использовать?,или есть ньюансы
Очень годный контент. Как всегда все очень понятно. Очень жду новые курсы
спасибо
Спасибо, очень полезно
Увидел видос Вадима, лайк поставил по автомату!)) Спасибо Вадим, огромное, без тебя ютуб не смотрю! Не останавливайся ПОЖАЛУЙСТА!!!
Благодарю
"По центру пацанёныша" 🤣 Можно смотреть видосы просто ради этих фраз
Спасибо
Сапожник будет доволен - сапожник в восторге! ;)))
Как всегда, улёт и супер!
Спасибо! За урок! Как всегда топ! Доступно и понятно!
спасибо
Ну это царский ролик вышел
О, долгожданный урок :) Спасибо!
спасибо за видео
просто ох@@@ваю насколько полезный канал
спасибо, ну у меня много видосов которые прокачают
Спасибо.
Супер.... Дякую за пояснення.
Спасибо за урок. Большое дело делаешь!
спасибо
Лучший)
Спасибо большое
Отличное видео!
Хотелось бы увидеть как делать выпадающее меню
Круто!
привет Вадим, спасибо за урок. ты лучший учитель в ютубе. жду следующих гайдов.
Урааа, спасибо
Спасибо большое за гайд!
Спасибо
Большое спасибо . Было очень полезно!
Крутой видос. Ждём более сложные анимации с применением js. Маски возможно необычные покажешь для изображений. Спасибо!
ОГРОМНОЕ СПАСИБО!!! - за такой урок! Кто вникал и смотрел до конца точно level Up-нул))
В конце заинтриговал, теперь ждем вечеринку по закреплению этих скилов;)
Как всегда жирный Лайк для продвижения контента!
спасибо
Спасибо за такое информативное видео! Шрифт супер как называеться?
Красава
как всегда, великолепно!!!
"Ламаная" линия- линия которую поломали ))))))👍
23.38 топчик))
Круто! Все ясно и понятно
Жёсткий буст, спасибо !🥹
Ты лучший
спасибо)
Только вчера решил левелапнуть свои знания по свг и тут такая царская вечерина подъехала. Дякую!
я знал=)
Супер! Дякую за класний урок!
Вадим хотел нарисовать 卍 , когда показывал polyline
Дуже крутий відос, дякую! Это моя лучшая вечеринка 🔥🔥🔥
Супер! Дякую.
дякую
очень мощное видео, спасибо большое!!!
Красавчик, как всегда всё подробно и по делу. Заряд позитива и мотивации при каждом просмотре видео!=)
С нетерпением жду новой инфы, новых видосов=)
И уже наверно заядлый вопрос: когда будет курс по js?=))
не знаю, посмотрим, есть идейки
На тебе лайк
Оце я розумію крутий урок👍💪💪.Було би круто якби ти зробив уроки по JS, jQuery і по WP:)))
Инфы канешн не дуже насыщено, но лайкос впаял чуваку чисто за базар!!! Ни в коем случае не переходи на "нормальную" речь))) Бакланишь шедеврально!!!
З.Ы. Сделай, еслли шаришь видос про зум, очень мало инфы про ЭТО
Братец. Открыл мне просто кучу новой информации. Огромное спасибо тебе за такое видео. Не оправданно мало комментариев и лайков. Буду ждать новые видео.
P.S : Не когда не писал комментарии в ютубе , но тут не смог не написать 😀
круто! спасибо за комент
Насчёт тега clipPath, думаю, что в таком случае лучше использовать css свойство mask-image, оно попроще будет, а результат тот же
Прекрасный материал, большое спасибо!
Но остался один вопрос..мне все таки неясно зачем было заходить в фигму и менять размеры яблока, а потом ещё делать изменения в тегах в программе... Нельзя ли просто было изменить параметр wight в стилях css?
Вадим такой вопрос. Эти сайты, что мы делаем на марафонах можно вставлять в резюме?
Спасибо за уроки!
Привет, жду стрим по продвинутой верстке)
Дякую!
Какую тему в vscode ты используешь?
Вадим, как тебе идея записать видос про полную работу на фрилансе. От поиску заказа до сдачи. Очень полезно будет для новичков
заказчику это не понравится, он не хочет чтобы все знали стоимость заказа, как я с ним общался, и видели как я создавал сайт, а без пруфов и цифр это не интересно
А про теги pattern, defs, use и т.д. хотелось бы услышать)
Респект за контент и за юмор)
Не вероятно крутой преподаватель!!!!!!!
спасибо
Дякую, Вадим! Дуже корисне відео! 👍 🟦🟨
Дякую
пару раз видел на сайтах в зависимости от скролла плавали буквы по кривой линии. это через svg делается?
дякую
Вадим не могу открыть макет из предыдущего ролика на Фигме, так как случилось так что я живу в рф, его можно в Фотошопе открыть? Сам пробовал не получилось!
макеты из фигмы в фотошопе не открыть
Что там нажимаешь в Figme? Область мне нужно отдельно область чтобы менялась нихатыж а надобно шас
какая тема для иконок vscode
стоит, скажите пожалуйста?)
Что за шрифт у тебя в VS Code?
svg из Font Awesom можно качать и вставлять в свой сайт без лицензии?
Спасибо, мне кажется видео приобрели более высокий уровень
спасибо
Опять я провафлил транслейшн((
p.s. Сегодня еще и футбол. Не проспать бы
Хорошие у вас уроки. Делайте шрифт крупнее, на экране с высоким разрешением приходится напрягать глаза
буду стараться, спасибо
Всем привет! У меня вопрос немного не по теме видео.
Стоит ли совмещать изучение английского языка и HTML, CSS, JS или лучше сначала учить фронт, а потом уже начинать английский, чтобы не разрываться?
П.С. Вадос, ты крут!
Лучше сперва англ учи. Потом хтмл и цсс и в конце отдельно джс иначе взрыв мозга будет
@@gio2156 Ну я буду сначала CSS и HTML. Я это к тому, стоит ли с английским совмещать. Просто считаю, что основное это все же верстка, а язык уже потом можно. Много где слышал, что в принципе норм подход.
я думаю что совмещать будет крайне сложно
@@vadymprokopchuk ну это да. Тем более, на сколько я помню, ты сам недавно начинал учить английский и тебе особо он не был нужен.
Еще, как вариант, английский по плейлистам слушать.