Hearted Youtube comments on Владилен Минин (@VladilenMinin) channel.
-
102
-
102
-
102
-
101
-
Таймкоды, так как ниже их никто вроде не расписал, а также их нет в видео:
0:00 - Интро
1:17 - Введение в CSS. Что такое CSS согласно документации MDN.
2:54 - Переходим к сайту, написанному Владиленом на курсе по HTML.
3:44 - Несколько слов про редактор кода VSCode. Установка полезных плагинов.
5:14 - Переходим к практике по CSS.
6:11 - Способы инлайнового подключения CSS к документу. Примеры работы свойств background и color.
12:28 - Подключение внешнего CSS-файла.
14:51 - Переход к непосредственному написанию CSS. Работа со свойствами background и color.
17:14 - Несколько слов о браузерном инспекторе кода Chrome DevTools.
19:39 - Работа со шрифтами в CSS.
26:38 - Работа с картинками <img>. Работа со свойствами width, border-radius. Изучение атрибутов тега <img>.
32:20 - Стилизация параграфов рядом с картинкой.
35:53 - Некоторые интересные свойства для работы с текстом в CSS.
38:32 - Работа с Box Model в CSS. Основы работы с различными отступами, границами элементов, отображением их размеров.
53:11 - Основы работы со вложенными элементами в CSS. Важный момент касаемо позиционирования элементов при помощи свойства float.
57:33 - Продолжение стилизации документа. Стилизация ссылок. Основы псевдоклассов/псевдоэлементов на примере стилизации ссылок.
1:01:56 - Реализация секций-"карточек". Практика в работе с задними фонами, списками, отступами, ссылками.
1:07:03 - Стилизация списка хобби в карточке "Мои хобби".
1:09:56 - Стилизация таблицы в карточке "Опыт работы". Интересный пример работы с псевдоэлементами.
1:16:04 - Стилизация карточки "Youtube курсы". Пример стилизации списка с ссылками.
1:20:02 - Стилизация секции "Связаться со мной". Достаточно показательный пример стилизации формы обратной связи. Важные моменты стилизации тегов <input> и <textarea>.
1:27:26 - Несколько слов о СSS FlexBox на примере выравнивания тегов <input> в форме. Свойство display.
1:30:16 - Тонкости работы со свойством display.
1:33:00 - Стилизация кнопки отправки формы.
1:34:29 - Основы работы с позиционированием в CSS: свойства position, top, bottom, left, right.
1:41:59 - Несколько слов о настройке адаптивности сайта.
1:44:42 - Разворачиваем нашу готовую страницу на бесплатном хостинге от GitHub.
1:46:44 - Завершение работы.
1:47:14 - Аутро.
P.S. Буду признателен, если Владилен добавит в закреп или в описание к видео )
100
-
98
-
98
-
97
-
97
-
97
-
97
-
97
-
96
-
95
-
93
-
92
-
92
-
92
-
91
-
90
-
90
-
89
-
87
-
86
-
86
-
83
-
83
-
82
-
82
-
82
-
81
-
81
-
81
-
80
-
80
-
80
-
80
-
80
-
80
-
79
-
77
-
77
-
76
-
76
-
76
-
75
-
75
-
75
-
75
-
75