❌ Не пиши CSS через запятую ✅ Используй :where()

Поделиться
HTML-код
  • Опубликовано: 22 окт 2024

Комментарии • 57

  • @annblok_webdev
    @annblok_webdev  6 месяцев назад +1

    На Boosty я опубликовала практику, чтобы закрепить материал из этого видео на практике. Доступно подписчикам тарифа «‎Мидл на прокачку» - boosty.to/annblok/purchase/751559

  • @yurok1991
    @yurok1991 6 месяцев назад +5

    Спасибо! Буду ждать видео сравнение про :where() и :is()

    • @olegivanov6231
      @olegivanov6231 6 месяцев назад +2

      Ускорю процесс. Разница в специфичности, вот и всё

  • @РашидБерезкин
    @РашидБерезкин 6 месяцев назад +3

    Если у вас маленький сайтик, то псевдоклассы возможно удобнее. Но надо помнить, что они медленнее чем простые селекторы. Поэтому для больших проектов предпочтительнее использовать псевдоклассы по минимуму. Впрочем при использовании UI-фреймворков типа React, Vue, Svelte и т.п. необходимость в псевдоклассах практически отпадает. Учить это всё можно лишь из спортивного интереса.

    • @-minus140
      @-minus140 6 месяцев назад

      Интересно, ты откуда такой умный вылез?

    • @Олег-е6н2с
      @Олег-е6н2с 6 месяцев назад +1

      Все по делу сказал )

  • @elenaS95
    @elenaS95 6 месяцев назад +1

    Отличное видео! Спасибо за подсказку о использовании :where() в CSS. Буду использовать этот метод, чтобы избежать лишних запятых и сделать код более понятным и читаемым. Спасибо за полезный совет!

  • @АлексГрин-м6щ
    @АлексГрин-м6щ 6 месяцев назад

    Глубина ваших знаний и умение просто и доходчиво объяснить потрясает!

  • @tetyana5295
    @tetyana5295 6 месяцев назад +1

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

  • @user-FedorVorobyev
    @user-FedorVorobyev 6 месяцев назад

    Да, это просто чудесно, что наконец-то стартует продвинутый курс по вёрстке, будем его изучать. Спасибо)

  • @progerlife6690
    @progerlife6690 6 месяцев назад +2

    Годнота спасибо!

  • @ЖеняФеникс-щ3ч
    @ЖеняФеникс-щ3ч 6 месяцев назад +1

    Так много нюансов узнаю про CSS как говорит век живи - век учись

  • @farmlingarchontas2216
    @farmlingarchontas2216 6 месяцев назад

    Хорошие примеры. Мне очень понравилось. Лайк без всяких сомнений.

  • @oxanaluzenko4709
    @oxanaluzenko4709 6 месяцев назад

    Такая симпатичная девушка и так хорошо разбирается в таких вещах)) браво.

  • @marinagor
    @marinagor 6 месяцев назад

    уго,я не знала) круто что поделились с нами) очень полезно

  • @JRs_Owners
    @JRs_Owners 6 месяцев назад

    Спасибо за полезные уроки! Очень хорошо объяснили, если честно)

  • @СаняБонд-г7я
    @СаняБонд-г7я 6 месяцев назад

    Отличное видео, много интересного услышал, хорошо что вы создали такой канал

  • @СергейНикифоров-о5х

    Глазюки какие красивенные 😍

  • @ОлегПархоменко-ч7ч
    @ОлегПархоменко-ч7ч 6 месяцев назад

    Это все интересно и полезно, спасибо за советы.

  • @АнютаКостенко-я2я
    @АнютаКостенко-я2я 6 месяцев назад

    Подробно и доступно, думаю, стоит записаться на продвинутый курс, если и там будут всё настолько понятно объяснять.

  • @Serehajsss
    @Serehajsss 6 месяцев назад +1

    Многое упускаю и не использую в ксс, пора это исправлять!

  • @ВалерияГудик
    @ВалерияГудик 6 месяцев назад

    Подписалась на ваш канал, очень полезные и крутые видео 😊

  • @Алекс-ж5п8я
    @Алекс-ж5п8я 6 месяцев назад

    Именно так? Я чесно говоря и не знал. спасибо.

  • @РоманСтецюк-ы6п
    @РоманСтецюк-ы6п 6 месяцев назад

    Це дуже важлива інформація. Тепер буду знати.

  • @LostInspector
    @LostInspector 6 месяцев назад

    Только начал думать об изучении HTML и CSS)

  • @CityGorsk
    @CityGorsk 6 месяцев назад

    Интересная сегодня тема, я никогда его не использовал, но и наверное не буду использовать, так как привык уже это делать иначе.

  • @cooperanderson8651
    @cooperanderson8651 6 месяцев назад

    Довольно интересные новинки в css. Интересно, на сколько они приживутся на практике?

  • @Alexandr_Zavgorodniy
    @Alexandr_Zavgorodniy 6 месяцев назад

    Все таки нужно было еще рассказать, что селекторы указанные в :where() имеют нулевую специфичность. И при таком коде:
    _p {_
    _color: red;_
    _}_
    _:where(footer) :where(p) {_
    _color: green;_
    _}_
    текст параграфов в футере будет красным, а не зеленым.

    • @annblok_webdev
      @annblok_webdev  6 месяцев назад

      Об этом расскажу в следующем видео про :where() и :is()

  • @AniMag59
    @AniMag59 6 месяцев назад +1

    Интересный псевдокласс. Но на практике в реальном проекте он скорее будет мешать. Конечно так выглядит красивее и лаконичнее, но при поддержке и развитии проекта неизбежны правки которые зачастую выполняет не тот кто изначально занимался проектом. И как следствие все эти крутые сокращения файла стилей будут посланы в далёкое эротическое и будут перекрываться новыми необходимыми в данный момент. Это мне напоминает сокращённые записи в PHP. То есть экономия несколько килобайт ради худшей читаемости кода.

  • @Alex-mi2ij
    @Alex-mi2ij 6 месяцев назад

    Вообще не знаю ничего из этого)) Придётся изучать всё с самого начала...

  • @code-art-school
    @code-art-school 6 месяцев назад

    Интересно, но не особо вяжется с методологиями. Ни с БЭМ, ни с атомарной

  • @alexandergrigorenko4977
    @alexandergrigorenko4977 6 месяцев назад

    девушка программист с красивыми глазами - мечта холостяка

    • @-minus140
      @-minus140 6 месяцев назад

      Ты таких видел когда ни будь?

  • @vanzo16
    @vanzo16 6 месяцев назад

    404 лайк. Символично.

  • @kanz1t
    @kanz1t 6 месяцев назад

    Всё круто, но IE просто идет лесом_))))))

    • @annblok_webdev
      @annblok_webdev  6 месяцев назад

      Смысл переживать за IE, если от его поддержки даже сам Microsoft отказался несколько лет назад

  • @Agent-D
    @Agent-D 6 месяцев назад

    Where are you from ? . . .

  • @WERWOLION
    @WERWOLION 6 месяцев назад

    Хорошо когда на сайте H1 в футере , хедере и ещё в каком то блоке. Это православно!

    • @Serehajsss
      @Serehajsss 6 месяцев назад

      Сразу видно что не шаришь за семантику. Мне тебя жаль!

    • @WERWOLION
      @WERWOLION 6 месяцев назад

      @@Serehajsss ты видео нормально смотрел? Тебя ничего не смутило?

    • @Serehajsss
      @Serehajsss 6 месяцев назад

      @@WERWOLION все верно, header и footer могут быть внутри article, а заголовок в header и внутри article тем более быть может

    • @WERWOLION
      @WERWOLION 6 месяцев назад

      @@Serehajsss чел
      Зачем стиль хедер h1
      Если 1 h1 на странице.
      Включи мозг

    • @Serehajsss
      @Serehajsss 6 месяцев назад

      @@WERWOLION ты сейчас серьезно задал этот вопрос? Думал на дворе 2024 год, а не 2010, где каждый считал что только один заголовок может быть на странице…

  • @Virisound
    @Virisound 6 месяцев назад

    "Такое себе". Фактически не сокращает код. Толку то.

  • @CheapDiamond-x6u
    @CheapDiamond-x6u 6 месяцев назад

    skopirovat simvoli kommentariya eto uje noviy uroven )))

    • @CheapDiamond-x6u
      @CheapDiamond-x6u 6 месяцев назад

      mne 4 iy primer bolshe ponravilsa, no eto vse ravno ne sovsem poleznaya shtuka shtobi ispolzovat, eto pochti nichevo ne izmenyaet.

  • @vehiclesport662
    @vehiclesport662 6 месяцев назад

    "FRONTENDBLOK" вы научитесь всему - перечислили все что должен знать верстальщик а не фронтер) крутой курс

    • @annblok_webdev
      @annblok_webdev  6 месяцев назад +2

      Курс так и называется "Продвинутый курс по вёрстке"

    • @WERWOLION
      @WERWOLION 6 месяцев назад

      фронт это внешняя часть, если ты юзаешь фреймворк это не значит что ты вычеркиваешь всех остальных
      потому что фронт можно сделать на ванильном JS
      Это лично ты путаешь реакт разрабов который полные нули в верске с фронтендерами. Когда отрываешь сайт реакторов глаза кровью брызжут...

    • @Ukrainka8456
      @Ukrainka8456 6 месяцев назад

      Головне, щоб ця інформація й справді була потрібною і значущою...