Не лише красуня а й справжня молодчинка. Дякую за таке цікаве і корисне відео.
@rabirai8136
Жыл бұрын
Как это всё сложно но хорошо что есть ваши ролики Анна.
@daniiljavoronkov9480
Жыл бұрын
Неужели еще и типы в css появились... И как обычно я об этом узнал от Анны. Спасибо!
@payeermillionaire8093
Жыл бұрын
Уже давно занимаюсь версткой сайтов. Спасибо узнал новое)
@Alexandr_Zavgorodniy
Жыл бұрын
Проблема в том, что если использовать property, то задание значений переменной в :root - бессмысленно и там можно хоть валидные значения писать, хоть невалидные, хоть вообще ничего не писать, все равно будет использовано значение из property. А вот если значение переменной задавать для конкретного селектора, то тогда, значение будет браться уже оттуда и если вдруг там окажется невалидное значение, то только в этом случае возьмется значение из property. Вот тут: HTML Lorem ipsum dolor sit amet. CSS @property --my-color{ inherits: false; syntax: ""; initial-value: red; } :root { --my-color: green; } .example{ color: var(--my-color); } цвет текста будет красный. а вот тут CSS @property --my-color{ inherits: false; syntax: ""; initial-value: red; } .example{ --my-color: green; color: var(--my-color); } как и задумывалось - зеленый. И только в случае если вместо green будет что-то невалидное, текст станет красным
@annblok_webdev
Жыл бұрын
Да, этот момент упустила в видео. В root имеет смысл записывать что-то общее для всего сайта, а что-то иное, частное - лучше указать в нужном классе.
@annblok_webdev
Жыл бұрын
Осталось разобраться с тем, куда использовать последнее значение для syntax, о котором говорила в конце видео
@Alexandr_Zavgorodniy
Жыл бұрын
@@annblok_webdev единственное что удалось нарыть, так это то, что с помощью него можно задать набор валидных вариантов для *значения* свойства. Как то так: HTML Lorem ipsum dolor sit amet. CSS @property --my-color { inherits: false; syntax: "red | blue"; initial-value: blue; } .example { --my-color: green; color: var(--my-color); } В этом случае значение --my-color может быть только red или blue. Т.е. --my-color: green; не сработает и цвет текста будет таким, как указано в initial-value, то есть синим
@Alexandr_Zavgorodniy
Жыл бұрын
@@annblok_webdev вообще наткнулся на это в блоге "bobrov dev" (ютуб ссылку не пропускает, но если вместо пробела поставить точку то получиться адрес). Там и другие примеры есть, но для меня уже слишком сложные :) Может у вас получиться разобраться и рассказать об этом нам :)
@annblok_webdev
Жыл бұрын
@@Alexandr_Zavgorodniy мне посоветовали еще спросить ChatGPT по поводу этого, ответ опубликовала в ТГ, так как тут фото не приложить - t.me/tpverstak/4032
@user-et7ly7ef4w
Жыл бұрын
Аня давно не видел ваших видео насчёт работы с @property спасибо что рассказали
@user-ml5dv2zm8r
Жыл бұрын
Похоже дальше с такими новациями через пару лет будем тут осваивать CSS++ ))
@annblok_webdev
Жыл бұрын
🤣
@user-du4bc7vt3e
Жыл бұрын
Все ясно и понятно рассказьіваете 👍 и очень приятно Вас смотреть и слушать.
@user-hs7fi5se4f
Жыл бұрын
Понятно и просто всё объяснили , видео получилось информативным и полезным.
@kopchik1000
Жыл бұрын
Ничего не понял но слушал с удовольствием. И смотрел тоже с удовольствием. Какие же у нее глаза😉
@karinakovalska9851
Жыл бұрын
Вау . Вы так подробно и просто все объяснили . Благодарю
@user-pb6le8kc8p
Жыл бұрын
Очень подробно и доступно рассказали как это работает.Мне было очень интересно.Посмотрела с удовольствием и с пользой.
@Kira-lj3nz
Жыл бұрын
Очень важная тема , давно хотел розобрать по полочкам, спосибо.
@user-yh6ur6dc2p
Жыл бұрын
Как же интересно Вас слушать и огромное удовольствие смотреть! Прекрасный, интересный обзор! Спасибо
@user-bd6pw7rb4r
Жыл бұрын
Теперь и я в курсе. Мне нравится такое обновление.
@CityGorsk
Жыл бұрын
Вы очень образованная, хорошо и доходчиво объясняете каждый урок.
@cryfos
Жыл бұрын
Интересно конечно😏
@rashvmatrix9387
Жыл бұрын
Многое стало более понятно из ваших видео, продолжайте в том же духе.
@user-dh1gs5lj8w
Жыл бұрын
Вы хороший педагог, объясняете все очень просто и понятно.
@user-xj6ur2ei9k
Жыл бұрын
Необычное сочетание: и красивая и умная девушка! Примеры очень убедительные, спасибо!
@user-sv5he4fx9c
Жыл бұрын
Очень хорошое видео, мне понравилось буду тестить
@user-ct2dv3vr1n
Жыл бұрын
Обновления обычно дают плюсы, но есть и корявые, то есть, которые не довели до ума. Надеюсь это лучшее из лучших.
@krakanosh
Жыл бұрын
Интересное обновление, будем тестить и ждать большей поддержки👍
@drakamine2012
4 ай бұрын
моя жизнь больше никогда не будет прежней... css превращается в язык программирования...
@user-os2un8ij7z
Жыл бұрын
Спасибо дорогая за интересную информацию!!!!)))Хочу освоить новый метод!!!
@AOFTG
Жыл бұрын
Это уже что-то вроде ООП CSS )))
@annblok_webdev
Жыл бұрын
🤣
@user-nj9yu4dd8p
Жыл бұрын
Спасибо!
@tolasnisar2494
Жыл бұрын
У вас хороший канал, много полезной информации.
@medeymarsik6566
Жыл бұрын
Информативные и понятные ролики, очередной замечательный разбор
@mikhaildolgov
Жыл бұрын
Молодец!
@HelloHovo
Жыл бұрын
Ну я всегда лайки ставлю
@AlenaRisk.
Жыл бұрын
Класс
@june3878
Жыл бұрын
Не думал, что встречу красивую программистку)
@AntonioBenderas
Жыл бұрын
TypeScript уже в CSS )
@JDHfake
Жыл бұрын
Хорошо растёшь удачи
@robereds245
Жыл бұрын
у меня как раз были проблемы при учебе с этой темой !
@Comrade-tr1fe
Жыл бұрын
Ого сколько гитар. Может для разнообразия проведете гитарный стрим с песнями, хотелось бы увидеть вас в другой ипостаси😊
@annblok_webdev
Жыл бұрын
Была такая идея. Думаю, сегодня или на следующей неделе провести.
@user-kp1bc6ci3t
Жыл бұрын
Обожаю Ваш канал и Ваши объяснения для чайников..! Плюс - Вы очень красивая девушка..!
@Alex_Presli
Жыл бұрын
Пример без анимации выглядит несколько странно! Так как классика нравится больше! Ну а переменные на то они и переменные, меняются, изменяются! Но всё приходит с практикой конечно же.
@progweb3036
Жыл бұрын
Обнова хороша, но проблема что со временем в css может быть много неявностей (исходя из devtools которые вы показали)
@annblok_webdev
Жыл бұрын
DevTools постоянно обновляют, вспомнить даже, как работалось раньше с flexbox и grid там, поэтому не исключаю, что и для этого что-то потом появится.
@progweb3036
Жыл бұрын
@@annblok_webdev надеемся на лучшее)))
@Agent-D
Жыл бұрын
Как всегда - очень интересно но пока непонятно.
@Katy-go2
Жыл бұрын
Практичные обновления функций на сайте. Так намного удобнее.
@user-oo1dn8gv7y
Жыл бұрын
Я даже и не знал что такое возможно.
@farmlingarchontas2216
Жыл бұрын
Неплохо. Я об этом даже не знал. Я еще в этом новичок... очевидно, не так ли?
@Shir-Na-Shir
Жыл бұрын
👍
@zzzzzzzvvvvvvvv
Жыл бұрын
У Вас звезда в кодепене вообще не двигается. Или это у меня так? Как включить её? Или это только для PRO?
@yaroslav_besfalin
Жыл бұрын
Нифига не понял но очень интересно
@code-art-school
6 ай бұрын
Это прикольно, но зачем? Таймер без js странная затея, ведь когда время закончится, должно что то происходить, а css запустить js функцию не способен. Бесконечную анимацию тоже можно было делать и ранее...
@TheEmeric
Жыл бұрын
там же 3 февраля
@CityGorsk
Жыл бұрын
А ещё, очень красивая😍
@DerAleksey
Жыл бұрын
снова вишенка на торте 🍒
@user-FedorVorobyev
Жыл бұрын
Ничего не понял, а разве это новое в CSS? Везде вроде есть обзоры, и если не ошибаюсь, уже давно.
@annblok_webdev
Жыл бұрын
var() уже давно есть, а @property мало кто использует, но там и поддержки в браузерах пока не хватает
@alfietick
Жыл бұрын
Noice
@sapiens386
Жыл бұрын
ну такое себе. Нельзя сказать что прям без этого жилось плохо или что эта фича здорово упростит верстакам жизнь.
@sergejchap62
Жыл бұрын
дайте логику if ... else в CSS, всё будет в порядке. Прошу прощение, может она того, давно есть, но не знаем?
@annblok_webdev
Жыл бұрын
в scss есть 😁
@drakamine2012
4 ай бұрын
ЭТО НЕ ЯЗЫК ПРОГАММИРОВАНИЯ
@jakjar5765
Жыл бұрын
очень интересно но пока непонятно.
@annblok_webdev
Жыл бұрын
Что осталось не понятным?
@raselbabu5131
Жыл бұрын
12 months is too long, during this time everything will change
@user-hs8gw9ii5t
Жыл бұрын
а если вместо рэд написать 0 а по умолчанию поставить 10, то какое значение будет использоваться?
@annblok_webdev
Жыл бұрын
Просто 10 не сработает. Нужно ещё единицу измерения указать.
@user-hs8gw9ii5t
Жыл бұрын
@@annblok_webdev это понятно, так какое значение он будет использовать
@annblok_webdev
Жыл бұрын
@@user-hs8gw9ii5t значение в property будет приоритетным, по сути это некий аналог !important, только для var()
Пікірлер: 79