Web-заметки №13. Контентные и декоративные изображения
Привет!
В этом видео из рубрики web-заметки рассказываю о том, что такое контентные и декоративные изображения, чем они отличаются и почему это важно.
Содержание:
00:00 - Интро
00:26 - Контент и декоратив, их отличие
05:25 - Как вставлять контент и декоратив на страницу
08:19 - Вставка декоратива через тег SVG
13:53 - Использование img для декоратива
16:00 - Как "назвать" соцсети через html
16:52 - Закрепляем знания
17:55 - Аутро
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось? https://clck.ru/Gr9Ec
Моя страница вконтакте: http://vk.com/maxdenaro
Мой блог: http://blog.maxgraph.ru
Мой сайт: http://maxgraph.ru
Канал в телеграм: https://teleg.run/maxgraph
Чат для верстальщиков: https://teleg.run/maxgraph_chat
#ityoutubersru #web_заметки #верстка
Видео Web-заметки №13. Контентные и декоративные изображения канала MaxGraph - cайты как страсть
В этом видео из рубрики web-заметки рассказываю о том, что такое контентные и декоративные изображения, чем они отличаются и почему это важно.
Содержание:
00:00 - Интро
00:26 - Контент и декоратив, их отличие
05:25 - Как вставлять контент и декоратив на страницу
08:19 - Вставка декоратива через тег SVG
13:53 - Использование img для декоратива
16:00 - Как "назвать" соцсети через html
16:52 - Закрепляем знания
17:55 - Аутро
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось? https://clck.ru/Gr9Ec
Моя страница вконтакте: http://vk.com/maxdenaro
Мой блог: http://blog.maxgraph.ru
Мой сайт: http://maxgraph.ru
Канал в телеграм: https://teleg.run/maxgraph
Чат для верстальщиков: https://teleg.run/maxgraph_chat
#ityoutubersru #web_заметки #верстка
Видео Web-заметки №13. Контентные и декоративные изображения канала MaxGraph - cайты как страсть
Показать
Комментарии отсутствуют
Информация о видео
15 февраля 2022 г. 20:00:15
00:18:24
Другие видео канала
![37 ошибок верстальщиков. Не делай так!](https://i.ytimg.com/vi/aFHu3qdOfIM/default.jpg)
![Figma за 13 минут для верстальщиков и веб-дизайнеров](https://i.ytimg.com/vi/aQO_XjHYq8I/default.jpg)
![](https://i.ytimg.com/vi/5HQdk7arl-U/default.jpg)
![Псевдоэлементы Before и After. Как применять Псевдоэлементы. Какие псевдоэлементы существуют](https://i.ytimg.com/vi/hgeGBbC4HZ4/default.jpg)
![Web-заметки №11. Пошаговый план изучения верстки](https://i.ytimg.com/vi/qPD1faMDsaQ/default.jpg)
![UI-компоненты №13. Валидация и отправка формы на почту в 2022](https://i.ytimg.com/vi/6Uq6jV04rGM/default.jpg)
![Контентные и декоративные изображения в Quarkly](https://i.ytimg.com/vi/X3A3fVlf93Y/default.jpg)
![Адаптивная верстка сайта с нуля для новичков. Полезные советы по верстке сайта](https://i.ytimg.com/vi/D8DqoTjd_dg/default.jpg)
![JS-решения №4. Универсальное отключение скролла на сайте](https://i.ytimg.com/vi/TmVu9j7l0kI/default.jpg)
![Модульная Сетка Для Сайта (Принципы и Правила)](https://i.ytimg.com/vi/FTe7_rZWwnk/default.jpg)
![Методология БЭМ. Теория + пример](https://i.ytimg.com/vi/3DhbxD5NdGw/default.jpg)
![Ошибки начинающих при верстке сайтов на HTML и CSS](https://i.ytimg.com/vi/jLZ2r_2Zw_Y/default.jpg)
![Вот почему CSS Grid лучше для простой сетки](https://i.ytimg.com/vi/oDjjwvPcSEM/default.jpg)
![Адаптивная верстка сайта с нуля для новичков №8. Полезные советы по верстке сайта](https://i.ytimg.com/vi/uD4JEthM5P4/default.jpg)
![UI-компоненты №9. Создание аккордеона (через details, на чистом js и анимированный)](https://i.ytimg.com/vi/VFNGjDNBaMY/default.jpg)
![Формы в HTML. Заполнение полей формы, нюансы](https://i.ytimg.com/vi/BwrZm9QNqA8/default.jpg)
![Практика верстки. #3/6. Декоративные элементы. Эффект заполнения svg | VIMP dev](https://i.ytimg.com/vi/ehYrLDk3pPI/default.jpg)
![Адаптивная верстка письма с нуля (email верстка)](https://i.ytimg.com/vi/TNCaCDFKJfc/default.jpg)
![UI-компоненты №14. Простое бургер-меню](https://i.ytimg.com/vi/E7NJcbie46g/default.jpg)
![Используй сокращенные свойства аккуратно](https://i.ytimg.com/vi/iNJmTktJYJg/default.jpg)