На Boosty я опубликовала практику, чтобы закрепить материал из этого видео на практике. Доступно подписчикам тарифа «Мидл на прокачку» - boosty.to/annblok/purchase/751559
Если у вас маленький сайтик, то псевдоклассы возможно удобнее. Но надо помнить, что они медленнее чем простые селекторы. Поэтому для больших проектов предпочтительнее использовать псевдоклассы по минимуму. Впрочем при использовании UI-фреймворков типа React, Vue, Svelte и т.п. необходимость в псевдоклассах практически отпадает. Учить это всё можно лишь из спортивного интереса.
Отличное видео! Спасибо за подсказку о использовании :where() в CSS. Буду использовать этот метод, чтобы избежать лишних запятых и сделать код более понятным и читаемым. Спасибо за полезный совет!
Все таки нужно было еще рассказать, что селекторы указанные в :where() имеют нулевую специфичность. И при таком коде: _p {_ _color: red;_ _}_ _:where(footer) :where(p) {_ _color: green;_ _}_ текст параграфов в футере будет красным, а не зеленым.
Интересный псевдокласс. Но на практике в реальном проекте он скорее будет мешать. Конечно так выглядит красивее и лаконичнее, но при поддержке и развитии проекта неизбежны правки которые зачастую выполняет не тот кто изначально занимался проектом. И как следствие все эти крутые сокращения файла стилей будут посланы в далёкое эротическое и будут перекрываться новыми необходимыми в данный момент. Это мне напоминает сокращённые записи в PHP. То есть экономия несколько килобайт ради худшей читаемости кода.
@@WERWOLION ты сейчас серьезно задал этот вопрос? Думал на дворе 2024 год, а не 2010, где каждый считал что только один заголовок может быть на странице…
фронт это внешняя часть, если ты юзаешь фреймворк это не значит что ты вычеркиваешь всех остальных потому что фронт можно сделать на ванильном JS Это лично ты путаешь реакт разрабов который полные нули в верске с фронтендерами. Когда отрываешь сайт реакторов глаза кровью брызжут...
На Boosty я опубликовала практику, чтобы закрепить материал из этого видео на практике. Доступно подписчикам тарифа «Мидл на прокачку» - boosty.to/annblok/purchase/751559
Спасибо! Буду ждать видео сравнение про :where() и :is()
Ускорю процесс. Разница в специфичности, вот и всё
Если у вас маленький сайтик, то псевдоклассы возможно удобнее. Но надо помнить, что они медленнее чем простые селекторы. Поэтому для больших проектов предпочтительнее использовать псевдоклассы по минимуму. Впрочем при использовании UI-фреймворков типа React, Vue, Svelte и т.п. необходимость в псевдоклассах практически отпадает. Учить это всё можно лишь из спортивного интереса.
Интересно, ты откуда такой умный вылез?
Все по делу сказал )
Отличное видео! Спасибо за подсказку о использовании :where() в CSS. Буду использовать этот метод, чтобы избежать лишних запятых и сделать код более понятным и читаемым. Спасибо за полезный совет!
Глубина ваших знаний и умение просто и доходчиво объяснить потрясает!
просто удивительно, как вы, такая хорошенькая и молодая девушка, уже так отлично разбираетесь в сложных программах
Да, это просто чудесно, что наконец-то стартует продвинутый курс по вёрстке, будем его изучать. Спасибо)
Так много нюансов узнаю про CSS как говорит век живи - век учись
Годнота спасибо!
уго,я не знала) круто что поделились с нами) очень полезно
Хорошие примеры. Мне очень понравилось. Лайк без всяких сомнений.
Спасибо за полезные уроки! Очень хорошо объяснили, если честно)
Это все интересно и полезно, спасибо за советы.
Такая симпатичная девушка и так хорошо разбирается в таких вещах)) браво.
Отличное видео, много интересного услышал, хорошо что вы создали такой канал
Глазюки какие красивенные 😍
Подробно и доступно, думаю, стоит записаться на продвинутый курс, если и там будут всё настолько понятно объяснять.
Подписалась на ваш канал, очень полезные и крутые видео 😊
Многое упускаю и не использую в ксс, пора это исправлять!
Це дуже важлива інформація. Тепер буду знати.
Именно так? Я чесно говоря и не знал. спасибо.
Только начал думать об изучении HTML и CSS)
Интересная сегодня тема, я никогда его не использовал, но и наверное не буду использовать, так как привык уже это делать иначе.
Довольно интересные новинки в css. Интересно, на сколько они приживутся на практике?
Все таки нужно было еще рассказать, что селекторы указанные в :where() имеют нулевую специфичность. И при таком коде:
_p {_
_color: red;_
_}_
_:where(footer) :where(p) {_
_color: green;_
_}_
текст параграфов в футере будет красным, а не зеленым.
Об этом расскажу в следующем видео про :where() и :is()
Интересный псевдокласс. Но на практике в реальном проекте он скорее будет мешать. Конечно так выглядит красивее и лаконичнее, но при поддержке и развитии проекта неизбежны правки которые зачастую выполняет не тот кто изначально занимался проектом. И как следствие все эти крутые сокращения файла стилей будут посланы в далёкое эротическое и будут перекрываться новыми необходимыми в данный момент. Это мне напоминает сокращённые записи в PHP. То есть экономия несколько килобайт ради худшей читаемости кода.
девушка программист с красивыми глазами - мечта холостяка
Ты таких видел когда ни будь?
Вообще не знаю ничего из этого)) Придётся изучать всё с самого начала...
Интересно, но не особо вяжется с методологиями. Ни с БЭМ, ни с атомарной
Хорошо когда на сайте H1 в футере , хедере и ещё в каком то блоке. Это православно!
Сразу видно что не шаришь за семантику. Мне тебя жаль!
@@Serehajsss ты видео нормально смотрел? Тебя ничего не смутило?
@@WERWOLION все верно, header и footer могут быть внутри article, а заголовок в header и внутри article тем более быть может
@@Serehajsss чел
Зачем стиль хедер h1
Если 1 h1 на странице.
Включи мозг
@@WERWOLION ты сейчас серьезно задал этот вопрос? Думал на дворе 2024 год, а не 2010, где каждый считал что только один заголовок может быть на странице…
Where are you from ? . . .
Ukropia
skopirovat simvoli kommentariya eto uje noviy uroven )))
mne 4 iy primer bolshe ponravilsa, no eto vse ravno ne sovsem poleznaya shtuka shtobi ispolzovat, eto pochti nichevo ne izmenyaet.
Всё круто, но IE просто идет лесом_))))))
Смысл переживать за IE, если от его поддержки даже сам Microsoft отказался несколько лет назад
404 лайк. Символично.
"Такое себе". Фактически не сокращает код. Толку то.
"FRONTENDBLOK" вы научитесь всему - перечислили все что должен знать верстальщик а не фронтер) крутой курс
Курс так и называется "Продвинутый курс по вёрстке"
фронт это внешняя часть, если ты юзаешь фреймворк это не значит что ты вычеркиваешь всех остальных
потому что фронт можно сделать на ванильном JS
Это лично ты путаешь реакт разрабов который полные нули в верске с фронтендерами. Когда отрываешь сайт реакторов глаза кровью брызжут...
Головне, щоб ця інформація й справді була потрібною і значущою...