Не забудьте заглянуть сюда: ❓ Запись на консультацию - prosto-razrabotka.ru/ ✨ Telegram канал - t.me/prostorazrabotka/ 🔥 Telegram чат - t.me/prostorazrabotkachat/ Можете добавиться в друзья: 📷 Instagram - instagram.com/vitaliy.kirenkov/ 📘 ВКонтакте - vk.com/vitaliy.kirenkov/ 📗 Facebook - facebook.com/vitaliy.kirenkov/ 📙 LinkedIn - www.linkedin.com/in/kirenkov/ ✏️ Twitter - twitter.com/VitaliyKirenkov/ А так же, подписаться на страницы: 📘 ВКонтакте - vk.com/public195137161/ 📗 Facebook - facebook.com/prostorazrabotka/

*Вот таких видео не хватает на ютубе. Всё чётко и понятно, и много информации за 40 минут. *

😊приятно смотреть. Автор так по-доброму улыбается, когда делится какими-то фишками запоминания и понимания. 40 минут пролетели незаметно, спасибо за видео!

Про запоминание odd и even отдельный респект! Я тоже никак не мог запомнить, какой есть какой.

Видео-туториалы вносят большой вклад относительно WEB-документации. Бывают моменты, когда WEB-документы не полностью передают тонкости тематики. Достойная запись. Объяснено вдумчиво, с толком, с расстановкой. ᗩвтору респект. Успехов и процветания.👍

Обращение по: 1:22 - тегам 2:34 - классом 3:56 - ID Обобщенные и соседне родственные комбинаторы: 10:56 - селектор '+' 12:08 - селектор '~' 13:48 - наследственный и потомственный комбинатор 16:53 - обращение к дочернему элементу '>' 17:51 - универсальный селектор '*' 21:23 - обращение по атрибуту Псевдо-классы 27:00 - :first-child 27:50 - :last-child 31:34 - :not-child(:first-child) 33:38 - :nth-child() 36:24 - :empty 37:57 - :hover 38:33 - :active 38:41 - :focus 38:50 - :checked 39:54 - Итоги

Очень классная подача материала. Понравилось

Отличная подача, посмотрел с удовольствием.

за селектор + отдельное спасибо , сколько смотрел примеров верстки ВСЕ использовали переопределения стиля!

Какой же классное видео!!! Всё ясно и понятно! Спасибо огромное автору!!!

Было полезно и интересно! Ставлю лайк + коммент!) Спасибо Виталию!

Отличное видео! Теперь тоже больше не буду путать odd и even). Спасибо!

Красавчик спасибо большое . после ваших видосов можно гением стать )) мне очень было необходимо укрепить знания и долго искал блогера у которого есть большой опыт по верстке . который не заикается и не стерает все по 50 раз ) все четко все по теме. очень крутейший канал у вас спасибо что вы есть )

Классный урок, спасибо за видео:)

Отличное преподавание👍👍👍

Благодарю Вас за видео.

Спасибо вам большое за такое простое и доступное обьяснение! Вы просто супер!

Посмотрел выпуск It-Бороды с вашим участием. Убедили что без верстки во фронт не придёшь. В итоге смотрю ваш канал и понимаю, что зря сторонился верстки. Ваши видео раскладывают всё по полочкам и становится легче. Спасибо за ваш труд !

Как классно! Благодарю!

Большое спасибо!

Очень круто! Спасибо

Спасибо 👍

Спасибо большое за видео !🙏

Очень круто сделал. Понятно и внятно. Тем кому кажется медленно, то рекомендую 1.25 использовать, тогда будет вообще пушка )

Спасибо Вам за годную и понятную инфу🙌🏻

Спасибо за полезное и информативное видео! Таймкоды бы еще, и вообще пушка тогда)

Спасибо! Годный контент!

Спасибо, очень классно, информативно, очень интересен псевдокласс Checked, хотелось бы поподробнее, я слышал, что с помощью дата-атрибутов и checked можно делать кучу динамичных вещей, в частности любые выпадающие списки.. и это вообще без JS.

Вы - большая Умничка. Спасибо большое!

Спасибо Виталя!!! Очень помог с псевдоклассами!

Спасибо! Круто!

Благодарю за информацию. Внес разъяснения :)))

Прикольно, освежил в памяти, не смотря на то что всё это уже прошёл, спасибо тебе, кстати клёвое интервью у Айтибороды, спасибо

И мою благодарность примите пожалуйста) всё понравилось ,добавил к себе в плейлист )

Спасибо большое!:)

Супер полезный ролик. Спасибо)

Да, комментаторы написали правду - очень информативная ясная подача!

Отличный материал и подача, благодарю!

Ты слишком позитивный чувачок 🙃

Офигенный способ запомнить odd, even) я запомнил так: odd - странное слово, значит нечетное. Потом оказалось что odd имеет также значение - странный)

Спасибо большое за информацию. Наверное не хватает только :root для тех кто пользуется переменными

Спасибо - полезно!

Вот прям респект. Одно слово-характеристика видео : "ПОНЯТНО"

Робіть по більше таких відео. Не зупиняйтесь !

Спасибо)

Ещё только изучаю CSS. в 13:28 вы закрепляете материал про "+" и "~", говоря про "+", что это "соседний", однако я вижу разницу между тремя вариантами "соседний"/"предыдущий соседний"/"следующий соседний". Как мне показалось корректнее было бы к "+" применить "следующий соседний", так как просто "соседний" может означать "предыдущий соседний", но как мы видим "+" на предыдущих соседей не работает, да и под соседним понимается только рядом стоящий элемент имеющий общего родителя; и про "~" - опять же, цитата: "ко всем элементам на всей протяженности независимо от того, что находится между этими элементами", я всё-таки себе позволю добавить, что такое утверждение истинно, если эти элементы на одном уровне подчиненности с любой стороны (неважно, рядом или нет, главное что у них должен быть общий родитель). Прошу прощения, что взялся учить учителя, однако считаю, что при закреплении нужно уточнять все нюансы, иначе можно неправильно закрепить материал. Также имею цель убедиться, что я правильно понял сам, и если нет, то прошу меня поправить.

Кстати очень понятно и интересно рассказывает , рекомендую!)

спасибо за полезный крутой видос)

братан спасибо большое

Мне понравилось)

Спасибо большое, продолжай в том же духе. Очень помог!

очень хорошее видео !!!!!!!! Автор мега крут

Шикарное видео и канала вообще! Жаль, что так мало подписчиков, если честно я удивлен.

Видео интересное и полезное, но чтобы запомнить все селекторы, их надо постоянно применять. На практике применяю не все, поэтому некоторые селекторы забываются. Спасибо большое. Видео сохраню у себя.

Спасибо за видео

Какой же ты крутой!

Лучший учитель из всех кого видел , а видел всех !!!

Спасибо, хорошо рассказываешь) Перешел к тебе от Хауди Хо!

Что ж, учитывая что я знаю в два раза больше селекторов, то я определенно успешно обучаюсь)) Но все же раньше начинал изучать селекторы именно из этого видео, очень годное видео, сейчас пересмотрел) И не зря, освежил память, например, селекторы + и ~, подзабыл как они работают. А насчет селекторов в атрибутах, то я рекомендую всегда использовать *, этот селектор максимально точен и удобен, и символ легко набирается на цифровой клавиатуре) Простота -- залог успеха и красивого кода

Thanks

Спасибо за такой интересный урок, но не хватило ::before, ::after and last-of-type и тд.

Можете посоветовать книги или видео обучения, с готовыми проектами, желательно не старше 3-х летней давности.

Супер. Дякую)))

видео топ, максимольно доступно

А видео по JS будут?

Спасибо за ваш труд! Возможно подскажите в следующем вопросе. В документе используются семантические теги. Главный footer, состоит из header и footer. Как правильно обратится к вложенному footer через селектор, что бы не нарушить свойства главного footer?

я когда смотрю на него я вспоминаю Детство, там где Крэнг слушает Крэнга

Что ? ЦСС ?) Я понял, спасибо за видео )))))00)0)0)))0)))

а :target и :focus где?))) чего не рассказал?)) +1 колокольчик))) 🤩

Вот сколько изучаю HTML and CSS и разницу от языков программирования что-то особо не вижу,просто узкоспециализированные инструменты ,ЯП.Такие хорошие у вас уроки ,особо спасибо за фрогги, что сразу вижу ошибки и на что их нужно заменить ,до того как вы их исправляете .

объясните пожалуйста для Чайника :) Классы имеют какие то названия? или мы пишем что хотим? Спасибо.

Хочется настроить так же Visual Studio Code, чтобы она отображала сразу результат. Подскажите как это сделать? Или это не программа, а какой то специальный сайт?

Мужик

Я пишу Id в тегах header, section и footer. Писать Id или классы? Как будет лучше?🤔

Brazzers Молодец! Спасибо за понятное разъяснение.

По завершению видео был пример с ссылкой ...псевдоКласс :hover - делает элемент активным если наведена мышь... Вопрос: "Как сделать плавный переход из одного цвета в другой?"

кажется что ваше обьяснение с рубашками и шкафом, немного не в тему)

там где ссылка посещена это же псевдокласс "visited" а не "active", и на счет сестринского псевдокласса с + -ом не совсем согласен, хорошо читай документацию, а так с остальными согласен

Времени по темам не хватает .

╔╗╔╗╔╗╦╗ ║╦║║║║║║ ╚╝╚╝╚╝╩╝ 👀 Как же круто Вы рассказываете!!! Осталось немного попрактиковаться, чтобы закрепить в памяти полученную информацию и уметь использовать на практике !!! Что касается лайков и дизлайков под этим видео, то скажу так: дизлайк{ status: idiots; }

А как же before и after?

+

Это Кошевой ?

Ну вот кто, блэд, КТО СТАВИТ ДИЗЛАЙК? Покажись!

лысый из браузера хорош

bump

Ни чего не видно

Пища для мозгов вкусняшка! :3

покрупнее бы

Все-таки обманул: обещал оставить 2 ссылки - на Мозиллу и W3 - и не оставил!

Слишком мелко!!! Не удобно смотреть!!!!!

Всё нормально но, блин, про какие кейсы он говорил, которые вспомнить не мог (на 4:47 минуте) !!!???? Причём здесь кейсы??? Вот как понимать человека если он говорит вроде по-русски и в своей речи употребляет в полнее устоявшееся значение слова кейс - шкаф, ёмкость, сундук, короче кейс. Но употребляет это слово с совершенно иным значением. К чему этот шифр? А точнее, зачем заменять нормальное, устоявшееся слово в русском языке на уже двусмысленный англицизм? Ваша речь становится ещё менее понятной! Это простое желания подрожать, идти в ногу с трендами? Или как «по фене ботать» - чтобы только свои поняли? Или это просто слабое знание своего родного языка, когда словарный запас русского языка ещё на среднем уровне а уже за английский взялся, от чего часто правильные слова по-русски уже трудно подобрать? Сея претензии, по сути не конкретно к автору ролика, а вообще ко многим, особенно из IT - сферы. Страшно представить, когда мода пойдёт учить китайский язык, что тогда с русским станет. И как тогда русскую речь будут пытаться понять те, кто только английский учил. Кейс в русском языке - это кейс, а не случай, обстоятельство, ситуация или премер из жизни.

После ЦэЭсЭс слушать уже не хотелось... /рукалицо/ уши режет...

топчик