Используй @supports в CSS, чтобы не париться с браузерами

Sdílet
Vložit
  • čas přidán 5. 09. 2024

Komentáře • 42

  • @annblok_webdev
    @annblok_webdev  Před měsícem

    Дополнительная практика @support на Boosty:
    boosty.to/annblok/posts/4cd2b4d8-9d76-4c83-ab1d-0c97fbb8c9db

  • @arqu8142
    @arqu8142 Před měsícem +1

    До чего отличная девушка - и симпатичная, и умная, и слушать приятно. Да, контент, по большей части, опциональный, но заслуживает большего внимания. Анна - умничка

    • @annblok_webdev
      @annblok_webdev  Před měsícem

      Может быть, есть идеи для будущих видео, чтобы они были менее узкопрофильными?

    • @arqu8142
      @arqu8142 Před měsícem

      ​@@annblok_webdevмне кажется, больший успех был бы при отображении собственных проектов, собственно не тех, которые разрабатываются в компании по договору, а примеры своих страниц или сайтов. Но это лишь моё мнение, в остальном как душа просит...

    • @arqu8142
      @arqu8142 Před měsícem

      ​@@annblok_webdevя не тесно наблюдаю за вашим творчеством, но помню и игровые стримы, и музыкальные стримы, ну и, собственно, основная тема роликов про программирование. С учётом приятной внешности, я прямо Вами горжусь)

    • @senkamatic8448
      @senkamatic8448 Před měsícem

      ​@@annblok_webdev конечно есть!!! Где-то видел как с помощью scss вроде делали аналог 12 колонокючного макета bootstrap. Было бы интересно 🙂👍

  • @itdept8675
    @itdept8675 Před měsícem +1

    Ох, не используете табуляцию 😂 8 побелов вместо табов.

  • @AndrewYurchenko
    @AndrewYurchenko Před měsícem +1

    Как всегда годный контент!!!

  • @IgorBobyrev
    @IgorBobyrev Před měsícem

    Не знал про правило Float, очень удобное! Спасибо за ролик!

    • @keksinjo
      @keksinjo Před měsícem

      лучше сразу flex или grid посмотрите

    • @SashaKuzikov
      @SashaKuzikov Před měsícem

      ​@@keksinjo Ничего подобного! У них разные цели и применение.

    • @keksinjo
      @keksinjo Před měsícem

      @@SashaKuzikov в каких случаях вы не сможете заменить float, flex-ом?

    • @SashaKuzikov
      @SashaKuzikov Před měsícem

      @@keksinjo В каких случаях вы на Камазе не проедите трассу "Формулы-1"? Может когда этого делать просто не нужно? Float заточен на работу с inline-элементами и используется, например, при обтеканиях текста. Если по каким-либо ментальным или религиозным причинам вы предпочитаете для этого grid или flexbox - флаг вам в руки.

    • @keksinjo
      @keksinjo Před měsícem

      @@SashaKuzikov аналогия не является аргументом

  • @romankuznetsov4601
    @romankuznetsov4601 Před měsícem

    пора делать свой курс про фронтэнд

  • @ElArahnid
    @ElArahnid Před měsícem +1

    Посоветуйте современные приложения или другие решения для проверки кроссбраузерности. Я это представляю, как возможность одновременно видеть в разных окнах варианты отображения страницы в разных браузерах с возможностью переключения их версий (в каждом окне). Или это еще фантастика?

  • @yurok1991
    @yurok1991 Před měsícem +2

    А че в смысле, есть не только -webkit-, но и саппорт?? Так… вот сейчас не понял…

  • @postoronny
    @postoronny Před měsícem +2

    То есть, достаточно было бы сделать как для файрфокса и в остальных оно бы само заработало без всяких извращений.. :)

    • @annblok_webdev
      @annblok_webdev  Před měsícem +2

      По сути да, первое условие необходимо, чтобы показать, что оно тоже работает. Можно применить под любые ситуации.

    • @postoronny
      @postoronny Před měsícem

      @@annblok_webdev , спасибо!

  • @xelth
    @xelth Před měsícem

    одинаково подсвечивать оно как-то может помочь?

  • @Serehajsss
    @Serehajsss Před měsícem

    использую supports чтобы настроить поддержку браузеров, которые не умеют в display flex

    • @user-r1n3k
      @user-r1n3k Před měsícem +2

      Разве такие еще остались?

    • @grammidin
      @grammidin Před měsícem

      @@user-r1n3k Удивишься, но ещё очень много пользователей с древними браузерами. Особенно это актуально для корпоративного сектора, где софт может и не обновляться вовсе.

    • @Serehajsss
      @Serehajsss Před měsícem

      @@user-r1n3k да, заказчик нашел

    • @alexperemey6046
      @alexperemey6046 Před měsícem

      @@user-r1n3k Остаться - остались (старые какие-нибудь на устройствах, которые уже не обновляются), только вот мне трудно представить браузеры, которые не поддерживают флекс, но поддерживают supports...

    • @SashaKuzikov
      @SashaKuzikov Před měsícem +1

      @@Serehajsss а supports они поддерживают? Или пользуетесь поддержкой поддержки?

  • @postoronny
    @postoronny Před měsícem +1

    А если браузер не поддерживает _@supports_ ?
    Все ли *абсолютно* поддерживают эту комманду?

    • @annblok_webdev
      @annblok_webdev  Před měsícem +1

      Абсолютно нет, но @supports не слишком молодой, о нем начали говорить еще с 2013 года, поддержка у него на данный момент высока и стабильно используется.

    • @postoronny
      @postoronny Před měsícem

      @@annblok_webdev , Спасибо!

    • @alexperemey6046
      @alexperemey6046 Před měsícem +2

      Только с 20 года поддержка в основных браузерах. И то, частично, не весь функционал. В итоге, если ориентируемся на современные браузеры, supports там не особо нужен. А если на старые - то тут надо смотреть сразу за двумя факторами - и то, поддерживает ли браузер свойство, и то, поддерживает ли он тот же supports... По сути это всего лишь попытка стандартизировать хаки для браузеров, которые писались ранее. Имхо данное свойство будет иметь смысл лет через 4-6, а сейчас - непонятно от него больше пользы или наоборот мороки.

  • @user-dy7jj2fj2s
    @user-dy7jj2fj2s Před měsícem

    Можно ли так с Гуглом?

  • @hammaren2678
    @hammaren2678 Před měsícem +1

    в итоге сначала пиши стили для браузеров поддерживающих фичу и для не поддерживающих. не, я уж лучше по старинке напишу.

    • @annblok_webdev
      @annblok_webdev  Před měsícem

      @@hammaren2678 можно использовать только отрицание, что не делать двойную работу, в видео лишь пример, как это можно использовать в двух направлениях

  • @via754
    @via754 Před měsícem

    А если браузер не поддерживает supports not? Есть такие?

    • @annblok_webdev
      @annblok_webdev  Před měsícem

      @@via754 современные браузеры поддерживают, @supports не слишком молодой, о нем начали говорить еще с 2013 года, поддержка у него на данный момент высока и стабильно используется.

    • @alexperemey6046
      @alexperemey6046 Před měsícem

      Любой браузер до 2020 года не поддерживает. Файрфокс - где то с 19 поддерживает.

  • @TheKelikat
    @TheKelikat Před měsícem

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