SVG, большой гайд

Поделиться
HTML-код
  • Опубликовано: 10 ноя 2024

Комментарии • 181

  • @ROMAN-KVAS
    @ROMAN-KVAS 8 месяцев назад +5

    8:22 Рисование прямоугольника.
    13:34 Рисование круга.
    15:20 Рисование овала.
    17:08 Рисование многоугольника.
    21:55 Рисование линии.
    23:26 Рисование ломаной линии.
    28:08 Рисование кривой, Figma.

  • @ricardo_milos1977
    @ricardo_milos1977 Месяц назад +1

    Не смог не написать ваша подача лучшая, самая лучшая правда

  • @serjmarkelov9915
    @serjmarkelov9915 2 года назад +55

    Спасибо огромное! Даже в невероятных условиях войны, ты продолжаешь вкладывать силу и энергию в обучение.
    Нет слов. Дякую

    • @vadymprokopchuk
      @vadymprokopchuk  2 года назад +6

      спасибо

    • @ligat-rome
      @ligat-rome Год назад +1

      Брат как у вас там в Украине? Я из Кыргызстана. Как вы там? насколько тяжело стала жить после войны?

    • @sshcvc
      @sshcvc Год назад +2

      просто Россия воюет не так как Израиль

    • @denissaveliev2664
      @denissaveliev2664 11 месяцев назад

      @@sshcvc откуда ты выползло ? залазь обратно

    • @НікітаКорчемний-г4ч
      @НікітаКорчемний-г4ч 9 месяцев назад +1

      @@ligat-rome жил в Николаеве , взорвало соседний дом снарядом
      переехал в Одессу , а тут шахеды летают по ночам постоянно + вижу как их сбивают ( я у моря живу и тут очень хорошая видимость всего этого )

  • @myroadmalankajosef9192
    @myroadmalankajosef9192 3 месяца назад +1

    Молодчина ти, Вадим!!! Класно все розповідаєш і видно, що розумний ти хлопець!!!

  • @ИгорьГлазков-с1б
    @ИгорьГлазков-с1б 8 месяцев назад +1

    Спасибо Вадим. Здоровья и Мирного неба Вам и вашей семье.

  • @alyonachashchina7347
    @alyonachashchina7347 Год назад +3

    Я кажется влюбляюсь в Вашу работу! Сердечное спасибо 💛

  • @alexandraweather4156
    @alexandraweather4156 Месяц назад

    крутое и понятное видео, спасибо большое!
    очень надеюсь на разборы разных сложных анимаций и всяких идей, раз уж вы с анимацией работали)

  • @user-wp1qb3nf4p
    @user-wp1qb3nf4p Год назад +1

    Очень круто объяснено. Спасибо. Хорошо что зашел на эту вечеринку

    • @k.u.r.w.a.
      @k.u.r.w.a. Год назад

      Меня так разрывало, когда он говорил "вечеринка"🥳🥳🥳 приятный чел

  • @BillGadov
    @BillGadov Год назад

    Вообще богато! Появилось понимание как работать с svg. Благодарочка!

  • @demidronder
    @demidronder Год назад

    Самый приятный контент в этой сфере.

  • @antoha9486
    @antoha9486 Год назад +1

    Ай молодец! Спасибо за труд.

  • @domakook753
    @domakook753 11 месяцев назад

    Спасибо!
    Будьте здоровыми!

  • @dimatsyhanenko9503
    @dimatsyhanenko9503 2 года назад +27

    Ждем такой же курс по Canvas!

  • @ДмитрийЛуба
    @ДмитрийЛуба Год назад

    Шикарно!!!! Просто и доступно все разъяснил. Спасибо большое!!! Мир вам!!

  • @bergghest
    @bergghest 7 месяцев назад

    Нереально крутой гайд! Низкий поклон и жирный лайк.

  • @gvitoss
    @gvitoss 2 года назад +23

    Привет! Рад что ты снова с нами! Можешь пожалуйста сделать видео по оптимизации сайта, для pagespeed? )

  • @xu2593
    @xu2593 2 года назад

    на одном дыхании смотрится! будь здоров!!!

  • @Oleg_Artemov
    @Oleg_Artemov 2 года назад +1

    Урраааа!
    Спасибо за ТОП контент 🥳

  • @niceman5890
    @niceman5890 Год назад +1

    Спасибо большое! Было приятно смотреть!

  • @sivilrishar2927
    @sivilrishar2927 2 года назад

    Аааааа, ура, то что надо, обязательно посмотрю. Лайк!

  • @maxet2374
    @maxet2374 2 года назад

    полноценно и быстро. было приятно смотреть

  • @Диана-с3ф2ъ
    @Диана-с3ф2ъ Год назад

    Величезне Вам дякую! Дуже корисне відео!)

  • @nugget_sti
    @nugget_sti 2 года назад +6

    спасибо, полезно! жду в дальнейшем видосы с более сложными примерами анимации из реальных проектов)

  • @annadwar9534
    @annadwar9534 2 года назад +1

    Просто огромное человеческое спасибо!
    Максимально доступно и информативно 🤘😎

  • @ИльназГарайшин-ч6о
    @ИльназГарайшин-ч6о 2 года назад

    видос ваще топовый!!! пасиб
    пойду ещё раз пересмотрю про маски

  • @ruslanshyiovych736
    @ruslanshyiovych736 Год назад

    Супер.... Дякую за пояснення.

  • @Grigoren_com
    @Grigoren_com 2 года назад

    спасибо! очень полезный ролик!))) толково всё! многое стало на свои места!)))

  • @tatianaagapkina8658
    @tatianaagapkina8658 2 года назад +10

    SVG-блокбастер, не иначе! спасибо, Вадим, все по полочкам, реально много любопытного для меня! добавила филл на svg палец под видео. вот бы еще видос с версткой макета и более-менее сложной svg-анимацией по мотивам твоих реальных проектов ))

  • @VitaliySunny
    @VitaliySunny Год назад

    Крутой гайд, спасибо

  • @user-YARILLO
    @user-YARILLO 9 месяцев назад

    просто ох@@@ваю насколько полезный канал

    • @vadymprokopchuk
      @vadymprokopchuk  9 месяцев назад

      спасибо, ну у меня много видосов которые прокачают

  • @yuriykolomytsyn2352
    @yuriykolomytsyn2352 Год назад

    Огромное спасибо за отличный урок и практику!

  • @РоманЛебедев-о3э
    @РоманЛебедев-о3э 2 года назад +31

    Вот это подгон,спасибо. Ещё очень хотелось бы увидеть видео про обновлённую сборку GULP

    • @vadymprokopchuk
      @vadymprokopchuk  2 года назад +10

      в плана есть обновление сборки

    • @РоманЛебедев-о3э
      @РоманЛебедев-о3э 2 года назад +3

      Тогда с нетерпением ждём)

    • @Евгений-х4л2щ
      @Евгений-х4л2щ 2 года назад

      @@РоманЛебедев-о3э зачем в 2022 году нужен галп?

    • @РоманЛебедев-о3э
      @РоманЛебедев-о3э 2 года назад

      @@Евгений-х4л2щ а почему в 22 году галп не нужен?

    • @Евгений-х4л2щ
      @Евгений-х4л2щ 2 года назад

      @@РоманЛебедев-о3э я не говорил что он не нужен. Я просто спросил почему он ещё используется, чем он лучше чем Парсел или Вит

  • @Игорь-ц1т3ж
    @Игорь-ц1т3ж 2 года назад

    Мега круто! Спасибо !

  • @pavel.88
    @pavel.88 8 месяцев назад +1

    Вадим хотел нарисовать 卍 , когда показывал polyline

  • @Tech-m3o
    @Tech-m3o 2 года назад

    Ну это царский ролик вышел

  • @МиронД-э4ш
    @МиронД-э4ш 2 года назад

    ОГРОМНОЕ СПАСИБО!!! - за такой урок! Кто вникал и смотрел до конца точно level Up-нул))
    В конце заинтриговал, теперь ждем вечеринку по закреплению этих скилов;)
    Как всегда жирный Лайк для продвижения контента!

  • @ponokost
    @ponokost 2 года назад

    "Ламаная" линия- линия которую поломали ))))))👍

    • @ponokost
      @ponokost 2 года назад

      23.38 топчик))

  • @getcourseanddesign
    @getcourseanddesign Год назад

    Спасибо за все

  • @begovik9866
    @begovik9866 2 года назад +2

    Инфы канешн не дуже насыщено, но лайкос впаял чуваку чисто за базар!!! Ни в коем случае не переходи на "нормальную" речь))) Бакланишь шедеврально!!!

    • @begovik9866
      @begovik9866 2 года назад

      З.Ы. Сделай, еслли шаришь видос про зум, очень мало инфы про ЭТО

  • @Ushjsuuhensb
    @Ushjsuuhensb 7 месяцев назад

    "По центру пацанёныша" 🤣 Можно смотреть видосы просто ради этих фраз

  • @Диман-е9ш
    @Диман-е9ш 2 года назад

    Спасибо, будем изучать!

  • @baytszy
    @baytszy 2 года назад

    спасибо....думала сложно, по другим видео, но вроде все не сложна))

  • @samtop4899
    @samtop4899 2 года назад

    Лучший)

  • @АнтонПетров-й8э
    @АнтонПетров-й8э 2 года назад +3

    Спасибо Вадос за твои труды!😁 Ты всегда будешь у нас в авторитете!😏😁

  • @AlexLee-do4min
    @AlexLee-do4min 2 года назад +1

    Сапожник будет доволен - сапожник в восторге! ;)))
    Как всегда, улёт и супер!

  • @pavelm7992
    @pavelm7992 2 года назад +1

    Вадим! Вот это подгон! Крутой контент! И, да, курсы твои огонь! Спасибо огромное! Это большой труд, большая работа!

  • @pavelfedevych5086
    @pavelfedevych5086 2 года назад +1

    Спасибо,как всегда на высоте,много информации и позитива.Какой мак юзаешь.Для задач верстальщика,фронтендера удобно использовать?,или есть ньюансы

  • @A_A_A182
    @A_A_A182 2 года назад

    Спасибо

  • @psix9618
    @psix9618 2 года назад

    Спасибо большое

  • @thewantedplay8639
    @thewantedplay8639 2 года назад +1

    Увидел видос Вадима, лайк поставил по автомату!)) Спасибо Вадим, огромное, без тебя ютуб не смотрю! Не останавливайся ПОЖАЛУЙСТА!!!

  • @lounge_studio
    @lounge_studio 2 года назад

    Круто!

  • @ДмитрийВяхирев-щ3х
    @ДмитрийВяхирев-щ3х 2 года назад

    спасибо за видео

  • @Ayt0_on
    @Ayt0_on 2 года назад

    Какую тему в vscode ты используешь?

  • @megalodonn9356
    @megalodonn9356 2 года назад

    Спасибо, очень полезно

  • @КостяШкамбула
    @КостяШкамбула 2 года назад

    Вадим такой вопрос. Эти сайты, что мы делаем на марафонах можно вставлять в резюме?

  • @egorbystrov9770
    @egorbystrov9770 2 года назад

    Урааа, спасибо

  • @Andrew-q5w
    @Andrew-q5w 2 года назад

    Супер! Дякую.

  • @oksanaponomarenko8478
    @oksanaponomarenko8478 2 года назад

    Дуже крутий відос, дякую! Это моя лучшая вечеринка 🔥🔥🔥

  • @МаксимГиря-в1й
    @МаксимГиря-в1й 2 года назад +4

    Оце я розумію крутий урок👍💪💪.Було би круто якби ти зробив уроки по JS, jQuery і по WP:)))

  • @onlydropped6479
    @onlydropped6479 2 года назад +1

    Вадим спасибо тебе большое за кучу полезной информации

  • @psix9618
    @psix9618 2 года назад

    Насчёт тега clipPath, думаю, что в таком случае лучше использовать css свойство mask-image, оно попроще будет, а результат тот же

  • @jeka_stec2953
    @jeka_stec2953 2 года назад

    Спасибо за такое информативное видео! Шрифт супер как называеться?

  • @vs5140
    @vs5140 2 года назад +1

    Спасибо! За урок! Как всегда топ! Доступно и понятно!

  • @felixfelixovich2150
    @felixfelixovich2150 2 года назад

    Ты лучший

  • @СергійСанніков
    @СергійСанніков 2 года назад +1

    Супер! Дякую за класний урок!

  • @googoogle
    @googoogle 7 месяцев назад

    пару раз видел на сайтах в зависимости от скролла плавали буквы по кривой линии. это через svg делается?

  • @neo3248
    @neo3248 2 года назад +1

    Вадим не могу открыть макет из предыдущего ролика на Фигме, так как случилось так что я живу в рф, его можно в Фотошопе открыть? Сам пробовал не получилось!

    • @vadymprokopchuk
      @vadymprokopchuk  2 года назад

      макеты из фигмы в фотошопе не открыть

  • @dimadiv6583
    @dimadiv6583 2 года назад +3

    Крутой видос. Ждём более сложные анимации с применением js. Маски возможно необычные покажешь для изображений. Спасибо!

  • @olik9253
    @olik9253 Год назад

    Прекрасный материал, большое спасибо!
    Но остался один вопрос..мне все таки неясно зачем было заходить в фигму и менять размеры яблока, а потом ещё делать изменения в тегах в программе... Нельзя ли просто было изменить параметр wight в стилях css?

  • @MrStelian4k
    @MrStelian4k 2 года назад

    Красава

  • @vitaliisapryga4825
    @vitaliisapryga4825 2 года назад

    Отличное видео!
    Хотелось бы увидеть как делать выпадающее меню

  • @gio2156
    @gio2156 2 года назад

    Только вчера решил левелапнуть свои знания по свг и тут такая царская вечерина подъехала. Дякую!

  • @azat3577
    @azat3577 Год назад

    На тебе лайк

  • @akhmad_goytinski
    @akhmad_goytinski Год назад

    Что там нажимаешь в Figme? Область мне нужно отдельно область чтобы менялась нихатыж а надобно шас

  • @jonmace3522
    @jonmace3522 2 года назад

    Что за шрифт у тебя в VS Code?

  • @ПавелКузнецов-ы2к
    @ПавелКузнецов-ы2к 2 года назад

    Не вероятно крутой преподаватель!!!!!!!

  • @andeesrg
    @andeesrg 2 года назад

    какая тема для иконок vscode
    стоит, скажите пожалуйста?)

  • @liammango8652
    @liammango8652 2 года назад

    svg из Font Awesom можно качать и вставлять в свой сайт без лицензии?

  • @ЛюсяРыбальченко-з3ш
    @ЛюсяРыбальченко-з3ш 2 года назад +1

    Очень годный контент. Как всегда все очень понятно. Очень жду новые курсы

  • @КостяШкамбула
    @КостяШкамбула 2 года назад +1

    Вадим, как тебе идея записать видос про полную работу на фрилансе. От поиску заказа до сдачи. Очень полезно будет для новичков

    • @vadymprokopchuk
      @vadymprokopchuk  2 года назад

      заказчику это не понравится, он не хочет чтобы все знали стоимость заказа, как я с ним общался, и видели как я создавал сайт, а без пруфов и цифр это не интересно

  • @x-diz
    @x-diz 4 месяца назад

    Нарисовал SVG рамку во весь экран. Уменьшаю экран браузера, а рамка обновляется/уменьшается только после того как нажму обновление страницы. Почему?

  • @velikorossnationalist4259
    @velikorossnationalist4259 Год назад

    А про теги pattern, defs, use и т.д. хотелось бы услышать)

  • @martinyis6453
    @martinyis6453 2 года назад +1

    Привет, жду стрим по продвинутой верстке)

  • @ИрикК
    @ИрикК 2 года назад

    Хорошие у вас уроки. Делайте шрифт крупнее, на экране с высоким разрешением приходится напрягать глаза

  • @Maratreason
    @Maratreason 2 года назад

    О, долгожданный урок :) Спасибо!

  • @yuriilukianovych8660
    @yuriilukianovych8660 2 года назад

    Дякую, Вадим! Дуже корисне відео! 👍 🟦🟨

  • @СашаТюменцев-ш9ь
    @СашаТюменцев-ш9ь 2 года назад

    очень мощное видео, спасибо большое!!!

  • @Andrew_Dreamer13
    @Andrew_Dreamer13 2 года назад +1

    Иду с работы,смотрю в телефоне.Неудобно,надо быстрей домой к ноутбуку.
    Кажется я уже почти знаю как мне нарисовать одну заковыристую кнопку

  • @РустамГильмутдинов-о3э

    Опять я провафлил транслейшн((
    p.s. Сегодня еще и футбол. Не проспать бы

  • @СергейПресняков-о4р

    Если svg содержит id внутри себя, то если эта svg используется несколько раз на странице, html-валидатор будет ругаться, что несколько одинаковых id на странице

  • @bulatm9699
    @bulatm9699 2 года назад

    На главных страницах некоторых больших интернет магазинов всякие пнг и жпг хотя там место свг. Аш глазам больно

  • @kirillguryanov4925
    @kirillguryanov4925 2 года назад

    Жёсткий буст, спасибо !🥹

  • @николайкраснов-р3о
    @николайкраснов-р3о 2 года назад +1

    Спасибо, мне кажется видео приобрели более высокий уровень

  • @sergeyaleksandrovich1958
    @sergeyaleksandrovich1958 2 года назад

    привет Вадим, спасибо за урок. ты лучший учитель в ютубе. жду следующих гайдов.

  • @hilarious-_-7569
    @hilarious-_-7569 2 года назад

    как всегда, великолепно!!!

  • @_Iokanaan_Marusidze_
    @_Iokanaan_Marusidze_ 2 года назад

    Дякую !

  • @littlecat8445
    @littlecat8445 2 года назад

    Большое спасибо . Было очень полезно!

  • @Aks9293
    @Aks9293 2 года назад

    Братец. Открыл мне просто кучу новой информации. Огромное спасибо тебе за такое видео. Не оправданно мало комментариев и лайков. Буду ждать новые видео.
    P.S : Не когда не писал комментарии в ютубе , но тут не смог не написать 😀

    • @vadymprokopchuk
      @vadymprokopchuk  2 года назад

      круто! спасибо за комент

  • @bezmazbl
    @bezmazbl 2 года назад

    Спасибо за урок. Большое дело делаешь!

  • @burda77
    @burda77 2 года назад

    Круто! Все ясно и понятно