Тёмный
No video :(

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

Анна Блок
Подписаться 102 тыс.
Просмотров 12 тыс.
50% 1

Опубликовано:

 

5 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 42   
@annblok_webdev
@annblok_webdev Месяц назад
Дополнительная практика @support на Boosty: boosty.to/annblok/posts/4cd2b4d8-9d76-4c83-ab1d-0c97fbb8c9db
@arqu8142
@arqu8142 Месяц назад
До чего отличная девушка - и симпатичная, и умная, и слушать приятно. Да, контент, по большей части, опциональный, но заслуживает большего внимания. Анна - умничка
@annblok_webdev
@annblok_webdev Месяц назад
Может быть, есть идеи для будущих видео, чтобы они были менее узкопрофильными?
@arqu8142
@arqu8142 Месяц назад
​@@annblok_webdevмне кажется, больший успех был бы при отображении собственных проектов, собственно не тех, которые разрабатываются в компании по договору, а примеры своих страниц или сайтов. Но это лишь моё мнение, в остальном как душа просит...
@arqu8142
@arqu8142 Месяц назад
​@@annblok_webdevя не тесно наблюдаю за вашим творчеством, но помню и игровые стримы, и музыкальные стримы, ну и, собственно, основная тема роликов про программирование. С учётом приятной внешности, я прямо Вами горжусь)
@senkamatic8448
@senkamatic8448 Месяц назад
​@@annblok_webdev конечно есть!!! Где-то видел как с помощью scss вроде делали аналог 12 колонокючного макета bootstrap. Было бы интересно 🙂👍
@itdept8675
@itdept8675 Месяц назад
Ох, не используете табуляцию 😂 8 побелов вместо табов.
@AndrewYurchenko
@AndrewYurchenko Месяц назад
Как всегда годный контент!!!
@annblok_webdev
@annblok_webdev Месяц назад
Спасибо! ❤
@IgorBobyrev
@IgorBobyrev Месяц назад
Не знал про правило Float, очень удобное! Спасибо за ролик!
@keksinjo
@keksinjo Месяц назад
лучше сразу flex или grid посмотрите
@SashaKuzikov
@SashaKuzikov Месяц назад
​@@keksinjo Ничего подобного! У них разные цели и применение.
@keksinjo
@keksinjo Месяц назад
@@SashaKuzikov в каких случаях вы не сможете заменить float, flex-ом?
@SashaKuzikov
@SashaKuzikov Месяц назад
@@keksinjo В каких случаях вы на Камазе не проедите трассу "Формулы-1"? Может когда этого делать просто не нужно? Float заточен на работу с inline-элементами и используется, например, при обтеканиях текста. Если по каким-либо ментальным или религиозным причинам вы предпочитаете для этого grid или flexbox - флаг вам в руки.
@keksinjo
@keksinjo Месяц назад
@@SashaKuzikov аналогия не является аргументом
@romankuznetsov4601
@romankuznetsov4601 Месяц назад
пора делать свой курс про фронтэнд
@ElArahnid
@ElArahnid Месяц назад
Посоветуйте современные приложения или другие решения для проверки кроссбраузерности. Я это представляю, как возможность одновременно видеть в разных окнах варианты отображения страницы в разных браузерах с возможностью переключения их версий (в каждом окне). Или это еще фантастика?
@romatokar3516
@romatokar3516 Месяц назад
browserstack
@yurok1991
@yurok1991 Месяц назад
А че в смысле, есть не только -webkit-, но и саппорт?? Так… вот сейчас не понял…
@postoronny
@postoronny Месяц назад
То есть, достаточно было бы сделать как для файрфокса и в остальных оно бы само заработало без всяких извращений.. :)
@annblok_webdev
@annblok_webdev Месяц назад
По сути да, первое условие необходимо, чтобы показать, что оно тоже работает. Можно применить под любые ситуации.
@postoronny
@postoronny Месяц назад
@@annblok_webdev , спасибо!
@xelth
@xelth Месяц назад
одинаково подсвечивать оно как-то может помочь?
@Serehajsss
@Serehajsss Месяц назад
использую supports чтобы настроить поддержку браузеров, которые не умеют в display flex
@user-r1n3k
@user-r1n3k Месяц назад
Разве такие еще остались?
@grammidin
@grammidin Месяц назад
@@user-r1n3k Удивишься, но ещё очень много пользователей с древними браузерами. Особенно это актуально для корпоративного сектора, где софт может и не обновляться вовсе.
@Serehajsss
@Serehajsss Месяц назад
@@user-r1n3k да, заказчик нашел
@alexperemey6046
@alexperemey6046 Месяц назад
@@user-r1n3k Остаться - остались (старые какие-нибудь на устройствах, которые уже не обновляются), только вот мне трудно представить браузеры, которые не поддерживают флекс, но поддерживают supports...
@SashaKuzikov
@SashaKuzikov Месяц назад
@@Serehajsss а supports они поддерживают? Или пользуетесь поддержкой поддержки?
@postoronny
@postoronny Месяц назад
А если браузер не поддерживает _@supports_ ? Все ли *абсолютно* поддерживают эту комманду?
@annblok_webdev
@annblok_webdev Месяц назад
Абсолютно нет, но @supports не слишком молодой, о нем начали говорить еще с 2013 года, поддержка у него на данный момент высока и стабильно используется.
@postoronny
@postoronny Месяц назад
@@annblok_webdev , Спасибо!
@alexperemey6046
@alexperemey6046 Месяц назад
Только с 20 года поддержка в основных браузерах. И то, частично, не весь функционал. В итоге, если ориентируемся на современные браузеры, supports там не особо нужен. А если на старые - то тут надо смотреть сразу за двумя факторами - и то, поддерживает ли браузер свойство, и то, поддерживает ли он тот же supports... По сути это всего лишь попытка стандартизировать хаки для браузеров, которые писались ранее. Имхо данное свойство будет иметь смысл лет через 4-6, а сейчас - непонятно от него больше пользы или наоборот мороки.
@user-dy7jj2fj2s
@user-dy7jj2fj2s Месяц назад
Можно ли так с Гуглом?
@hammaren2678
@hammaren2678 Месяц назад
в итоге сначала пиши стили для браузеров поддерживающих фичу и для не поддерживающих. не, я уж лучше по старинке напишу.
@annblok_webdev
@annblok_webdev Месяц назад
@@hammaren2678 можно использовать только отрицание, что не делать двойную работу, в видео лишь пример, как это можно использовать в двух направлениях
@via754
@via754 Месяц назад
А если браузер не поддерживает supports not? Есть такие?
@annblok_webdev
@annblok_webdev Месяц назад
@@via754 современные браузеры поддерживают, @supports не слишком молодой, о нем начали говорить еще с 2013 года, поддержка у него на данный момент высока и стабильно используется.
@alexperemey6046
@alexperemey6046 Месяц назад
Любой браузер до 2020 года не поддерживает. Файрфокс - где то с 19 поддерживает.
@TheKelikat
@TheKelikat Месяц назад
где вы берёте такие древние истории. все браузеры давно на одном движке. есть некоторые особые свойства которые пишутся для всех браузеров по разному, но обычно их так и прописывают все. не так уж это часто бывает.
Далее
small vs big heart 💖 #tiktok
00:13
Просмотров 5 млн