Векторная графика SVG. HTML уроки

  Рет қаралды 26,827

Дмитрий Колотильщиков

Дмитрий Колотильщиков

Күн бұрын

Пікірлер: 63
@maclikbez
@maclikbez 10 ай бұрын
Спасибо огромное. Единственный кто объяснил как это сделать!!!
@maximmaximov1038
@maximmaximov1038 4 жыл бұрын
Спасибо! Единственное толковое объяснение! Подписался везде.
@dmitry_kolotilshikov
@dmitry_kolotilshikov 4 жыл бұрын
▶▶▶ БОЛЕЕ НОВЫЕ УРОКИ ПО SVG: kzbin.info/www/bejne/iJXPhJJuptOsp9k и kzbin.info/www/bejne/n57San6arNF1fJI ▶ Телеграм (PDF файлы к урокам): t.me/Dmitry_Kolotilshikov/142 и t.me/Dmitry_Kolotilshikov/144
@noobsslayer7520
@noobsslayer7520 Жыл бұрын
ссылка не работает (
@dmitry_kolotilshikov
@dmitry_kolotilshikov Жыл бұрын
@@noobsslayer7520 t.me/Dmitry_Kolotilshikov
@СергейТрубников-ж6ч
@СергейТрубников-ж6ч 5 ай бұрын
Спасибо очень познавательно про svg
@olik9253
@olik9253 Жыл бұрын
Спасибо! Интересно и понятно было
@АрсенМахмудов-н2д
@АрсенМахмудов-н2д 3 жыл бұрын
Благодарю вас за отличный урок!
@light-bringer
@light-bringer 3 жыл бұрын
А есть способ импортнуть эти пути из отдельного файла и вставить как переменную например, а не засорять html документ этой кучей букв?)
@DodgerEcho
@DodgerEcho 2 жыл бұрын
Старался лайк достоин ты
@its_fley
@its_fley Жыл бұрын
Спасибо большое за это видео! Очень помогли с ховером
@katewilson9871
@katewilson9871 9 ай бұрын
Большое тебе спасибо!!
@ВиталийРябенко-з1ь
@ВиталийРябенко-з1ь Жыл бұрын
Суперски! Спасибо!!!
@dmitry_kolotilshikov
@dmitry_kolotilshikov Жыл бұрын
🙏🙏🙏
@konstantinreut2577
@konstantinreut2577 3 жыл бұрын
Да, ты просто красава! Спасибо огромное!)
@ivankrashevskyi3837
@ivankrashevskyi3837 4 жыл бұрын
Познавательно, но как подключать картинки с макета при верстке сохраненные в svg? Там внутри не такой код.
@Alexus1504
@Alexus1504 3 жыл бұрын
Отличный урок!
@gorbulevsv
@gorbulevsv Жыл бұрын
Спасибо🎉
@maxet2374
@maxet2374 4 жыл бұрын
Просто и понятно. молодец
@nikolajml
@nikolajml 4 жыл бұрын
Было полезно
@mu_rad807
@mu_rad807 3 жыл бұрын
Спасибо большое! С меня лайк и подписка
@ИванМедведский-й6й
@ИванМедведский-й6й 3 жыл бұрын
Спасибо за инфу!
@aassdd549
@aassdd549 11 ай бұрын
Like!
@deanwichester6412
@deanwichester6412 Жыл бұрын
скрыть дисплей, потом вызвать?
@zaya2868
@zaya2868 4 жыл бұрын
🔥🔥🔥🔥🔥🔥
@Крокус-Сити-Хол-Горит-Красиво
@Крокус-Сити-Хол-Горит-Красиво 3 жыл бұрын
Спасибо за ролик. Добавлю от себя что не обязательно svg весит меньше чем например png. Я сгенерил svg по подобию аналогичного png и вышла такая картина logo_128_1.svg 391 B 13 ms logo_128_1.png 390 B 11 ms
@mynameiscat__
@mynameiscat__ 2 жыл бұрын
это в байтах тебе показывает, то есть это треть одного килобайта
@109-c5w
@109-c5w 4 жыл бұрын
Инфа про svg неполная. Например что такое viewbox(на этом могут ногу сломать)
@konsul2272
@konsul2272 3 жыл бұрын
View box что это? Расскажите пожалуйста
@victorirzunov3108
@victorirzunov3108 4 жыл бұрын
Очень полезно
@L1yoon
@L1yoon 4 жыл бұрын
ты супер. больше роликов. больше инфо.
@dmitry_kolotilshikov
@dmitry_kolotilshikov 4 жыл бұрын
спасибо за мотивацию!)
@L1yoon
@L1yoon 4 жыл бұрын
спасибо по больше роликов. js
@aleksandrsrudkevics6384
@aleksandrsrudkevics6384 4 жыл бұрын
Супер
@suffering2024
@suffering2024 3 жыл бұрын
Sir, I hope you can make videos in English for your international viewers.
@sergey_dm
@sergey_dm 3 жыл бұрын
Добрый день. Если svg и symbol добавить в отдельный файл браузеры не отображают эти иконки. Как обойти запрет браузеров на отображение svg/
@Anitizer
@Anitizer 3 жыл бұрын
полезное видео но запутанно когда подключаешь SVG картину к сайту и задаешь id
@SeganMert
@SeganMert 3 жыл бұрын
Хэй, видос годный, но не упомянул о возможности разных методов вставки SVG, в конторах не одобрят такую грязь в коде. И да, точечное изменение цвета, возможно, CSS-переменные помогут! Всем guys - peace :3
@mynameiscat__
@mynameiscat__ 2 жыл бұрын
а как одобряют, как это вынести или минимизировать?
@РусланОсманов-с7й
@РусланОсманов-с7й 2 жыл бұрын
фух,наконецто более понятно стало.Ну можна же спокойно обьяснить,чего все усложняют,куда то спешат,молча печатают и потом:понятно???
@АлександрБурмантов-ф4ж
@АлександрБурмантов-ф4ж 2 жыл бұрын
спасибо
@alexchannel7406
@alexchannel7406 3 жыл бұрын
А если вставлять svg в теге img, вместо jpg или png, это сильно будет отличаться от вашего метода?
@dmitry_kolotilshikov
@dmitry_kolotilshikov 3 жыл бұрын
в уроке дело в том, что вы вставляете код, а не изображение, это производительнее и меньше весит
@ashenmemorias1013
@ashenmemorias1013 3 жыл бұрын
пиво, хочу холодное я хряпнуть пиво
@crocus161
@crocus161 3 жыл бұрын
А нужно ли сохранять svg иконки в папке для картинок или можно этого и не делать и просто вставлять в разметку?
@dmitry_kolotilshikov
@dmitry_kolotilshikov 3 жыл бұрын
можно просто вставлять в разметку, это уже необходимый код
@xapbu8883
@xapbu8883 3 жыл бұрын
отличное видео. спасибо!
@AnastasiiaSagittarius
@AnastasiiaSagittarius 3 жыл бұрын
Здравствуйте, можете помочь, очень нужно! Как преобразовать SVG файл, который имеет иконку браузера гугл и открывается в гугле в нормальный обычный SVG формат, который открывается в соответствующих программах, а не гугле
@dmitry_kolotilshikov
@dmitry_kolotilshikov 3 жыл бұрын
Здравствуйте! вы можете переконвертировать файл в Adobe Photoshop или в Adobe Illustrator
@AnastasiiaSagittarius
@AnastasiiaSagittarius 3 жыл бұрын
@@dmitry_kolotilshikov благодарю вас за ответ, а как это сделать в иллюстраторе, объясните, пожалуйста, вот я открыла его в иллюстраторе, а потом как переконвертировать?
@dmitry_kolotilshikov
@dmitry_kolotilshikov 3 жыл бұрын
@@AnastasiiaSagittariusнужно выделить каждый элемент картинки и правой кнопкой мыши выбрать export selection
@AnastasiiaSagittarius
@AnastasiiaSagittarius 3 жыл бұрын
@@dmitry_kolotilshikov благодарю вас, все получилось))))
@MrSirus83
@MrSirus83 3 жыл бұрын
однозначно решает
@Anitizer
@Anitizer 3 жыл бұрын
и вообще цвет в svg не меняется у меня хотя сделал как у тебя
@dmitriyzaxarov1354
@dmitriyzaxarov1354 2 жыл бұрын
вставляю цветные а они чёрно-белые по факту
@shpioner42
@shpioner42 Жыл бұрын
слава україні
@ИванПомидоров-н3н
@ИванПомидоров-н3н Жыл бұрын
И нахрена так через жопу?! Сначала скрыть дисплей, потом вызвать?
@ТрамПам-з3л
@ТрамПам-з3л 4 жыл бұрын
Много ненужной инфы, диз
@dmitry_kolotilshikov
@dmitry_kolotilshikov 4 жыл бұрын
спасибо за первый дизлайк на канале)
@RomanPantiushenko
@RomanPantiushenko 4 жыл бұрын
@@dmitry_kolotilshikovВсе доходчиво и понятно. Спасибо.
@denzeroneYT
@denzeroneYT Жыл бұрын
"Не нужной" для тебя, а мне даже этой инфы не достаточно, чтобы всё понять, кто ж виноват, что ты "Гением родился", если ты уже шаришь, нахер смотришь? Я смотрю как новичок, и эта инфа полезная + даже хотелось бы еще некоторые моменты уточнить
@NatalyaPB
@NatalyaPB 10 ай бұрын
Спасибо!
Медиа запросы. Адаптивная страница. @Media. HTML CSS уроки
11:21
Дмитрий Колотильщиков
Рет қаралды 8 М.
16. HTML векторная графика, тег svg. Как выгрузить SVG изображение из Figma
6:11
Александр Ламков — Friendly Frontend
Рет қаралды 10 М.
coco在求救? #小丑 #天使 #shorts
00:29
好人小丑
Рет қаралды 120 МЛН
She made herself an ear of corn from his marmalade candies🌽🌽🌽
00:38
Valja & Maxim Family
Рет қаралды 18 МЛН
Как создавать SVG спрайты? | SVG Sprites
10:06
Как стать ДЕЙСТВИТЕЛЬНО хорошим программистом
7:35
Бинарный происк
Рет қаралды 159 М.
CSS АНИМАЦИЯ для новичков. HTML уроки. ПРАКТИКА
15:01
Дмитрий Колотильщиков
Рет қаралды 34 М.
A beginners guide to SVG | Part One: The Why, What, and How
14:22
Kevin Powell
Рет қаралды 366 М.
РАСТР В ВЕКТОР FIGMA | jpeg to svg
18:28
Макс Куратов
Рет қаралды 31 М.
coco在求救? #小丑 #天使 #shorts
00:29
好人小丑
Рет қаралды 120 МЛН