Тёмный

Верстка сайта FIGMA с нуля. Верстаем svg картинки . HTML/CSS/JS №5 

WEB РАЗРАБОТКА
Подписаться 3,3 тыс.
Просмотров 520
50% 1

В етом ролике мы продолжим верстать макет с фигма. В этот раз мы займемся svg секцией. А ето значит мы научимся оптимизировать и вставлять на сайт svg картинки.
Код из видео - t.me/ineyeblog/136
Подписывайтесь на мой телеграм канал - t.me/ineyeblog
0:00 - верстка сайта с фигма
0:30 - копируем картинку как svg
2:00 - експортируем svg картинки
5:05 - добавляем стили новой секции
7:35 - как проверить расcтояние между блоков figma
10:30 - центрируем секцию
11:30 - добавляем резиновую верстку css
17:20 - оптимизируем svg картинку
#html #css #htmlforbeginner #htmltutorial #csstutorial #css3 #html5 #htmlcss #версткасайта #верстка

Опубликовано:

 

14 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 7   
@Illya.Landar
@Illya.Landar Год назад
Как вам видео, все понятно? Задавайте вопросы 👇👇👇
@SKAMGYM
@SKAMGYM Год назад
очень круто! я только начал свой путь в веб разработку)
@Illya.Landar
@Illya.Landar Год назад
Огонь продолжай в том же духе
@vvks9901
@vvks9901 7 месяцев назад
9:52 почему отступы между элементами с помощью margin-right, а не с помощью gap? .section__partners .wrapper { display: flex; justify-content: center; align-items: center; gap: 40px;
@Illya.Landar
@Illya.Landar 7 месяцев назад
Можно и так
@addwonyou7195
@addwonyou7195 Год назад
Курс бесплатный?
@Illya.Landar
@Illya.Landar Год назад
смотря какой?
Далее
How did they do?! 😂👀🕺 | Triple Charm #Shorts
00:16
MacBook Air Японский Прикол!
00:42
Просмотров 120 тыс.
1v1 Coding Lockout Championship Finals
3:37:39
Просмотров 73 тыс.
NEVER lose dotfiles again with GNU Stow
14:33
Просмотров 13 тыс.