#16 HTML для начинающих | Векторная графика, тег svg
👋 Привет! Меня зовут Александр Ламков, я фронтенд-инженер из компании VK. На этом образовательном канале делюсь знаниями по фронтенд-разработке со всеми желающими.
✏️ Знакомимся с векторной графикой, в её отличиях от растровой графики, разбираемся в форматах jpg, png, svg и когда их применять, и напоследок затронем выгрузку SVG изображения из Figma.
🔴 Timeline:
▶ 00:00 | План урока
▶ 00:15 | Что такое векторная графика
▶ 00:21 | Растровая и векторная графика
▶ 00:42 | Формат SVG
▶ 00:57 | Преимущества SVG перед растровой графикой
▶ 02:05 | SVG — не для всего
▶ 02:19 | В каких случаях применяется SVG
▶ 02:32 | В каких случаях применяется JPG
▶ 02:40 | В каких случаях применяется PNG
▶ 02:50 | Вставка svg через тег img
▶ 03:02 | Тег svg
▶ 04:11 | Выгрузка SVG изображения из Figma
▶ 05:24 | Как изучать SVG и нужно ли
▶ 05:45 | Что дальше
📚 Полезные ссылки:
➖ Современный справочник по HTML:
➖ Справочник по фронтенду “MDN“ от разработчиков Mozilla Firefox:
👨💻 Мне действительно есть, что вам рассказать, ибо сам я прошел этот путь относительно недавно. На данный момент имею чуть более трех лет коммерческого опыта, самоучка. За все время деятельности прошел путь от trainee в безызвестной «галере» со штатом в 15 человек, где верстал простенькие лендинги и интернет-магазины, до фронтенд-инженера в крупнейшей РФ компании, где занимаюсь вопросами архитектуры фронтенд-структур внутренних проектов и их оптимизацией. Между этими занятостями также был опыт работы на фрилансе, в стартапе (3-10 чел.) и в средней компании (50-100 чел.). Имею опыт в проведении оффлайн-митапов, лекций, преподавании и наставничестве.
📌 Автор:
➖ Личный сайт:
➖ Telegram:
➖ Boosty:
➖ GetMentor:
➖ Solvery:
#frontend #фронтенд #html
1 view
136
29
1 month ago 00:20:08 1
11월 월간견적 가성비 게이밍 조립PC 컴퓨터 견적 | 9800X3D, 7800X3D 재고보유 | 전원만 켜세요
2 months ago 00:01:37 1
Видео беса выходящего из человека
2 months ago 00:20:21 1
Эволюция самых быстрых велосипедов для даунхилла
2 months ago 00:54:09 1
Мадам Гийон. Молитва сердца.
2 months ago 00:36:39 1
Город-призрак Цевло. Сотни пустующих квартир, брошенные машины и бесконечные болота
2 months ago 00:29:56 1
Город-призрак Кистутово / Сотни брошенных квартир, кладбище машин и бесконечный холод
2 months ago 00:10:02 3
Татьяна Поль: Секреты общения с ребенком. Практические шаги к тому, чтобы ребенок понимал и доверял
2 months ago 00:32:22 1
Нашли секретный город-призрак СССР. Брошенная военная техника, завод и радиотелескоп
2 months ago 00:52:02 1
Jizzle live | Summerjam Festival 2024 | Rockpalast
2 months ago 00:31:20 1
Мобилизация неизбежна?! Арчена ясновидящая из Индии
2 months ago 00:30:28 1
Заброшенные квартиры москвичей | Вся правда о реновации.
2 months ago 00:05:50 26
How To Use Nicky Romero Kickstart 2 in 5 Minutes
2 months ago 00:14:08 1
Случаи употребления Past Simple / прошедшего простого времени.
2 months ago 00:28:02 1
13 главных причин воспаления. Как уменьшить воспаление в организме🤔
2 months ago 00:15:54 1
Олег Зубков, так чей Крым? Как “ждун“ стал амбассадором Крыма и рвётся во власть
2 months ago 01:07:32 1
🔥 Вагнеровец: будет 3-я чеченская? Зеки воюют лучше контрактников? Победа скоро?
2 months ago 00:15:07 7
НОВОСТИ ОКТЯБРЯ: ЛЕКЦИЯ В БАУМАНКЕ , МИЛЛИОН УЧИТЕЛЯМ ОТ ИГОРЯ РЫБАКОВА, ДРОБЫШЕВСКИЙ И Т.Д.!
2 months ago 00:07:07 1
Что обещал Путин на Посланиях президента 2000-2020 годов?
2 months ago 00:33:20 1
🥣Борщ від найкращих шеф-кухарів України
2 months ago 00:09:19 1
Бизнес Идеи 2024! ТОП-25 новые станки для бизнеса (№40)
2 months ago 00:42:25 1
Современный дом в стиле старорусской деревенской избы
2 months ago 02:35:34 1
GTA Vice City - Фильм, (Игрофильм с Русской озвучкой)