Блог про CSS Софии Валитовой
@ariarzer_blog
Followers
436
Following
4
Media
20
Statuses
39
Блог о тонкостях спецификации CSS. Автор - @ariarzer
Joined March 2022
Со свойством resize теперь можно записывать такие красивые видео с демками добавив всего две строчки!!!! Я в восторге)
У меня сегодня первый рабочий день на новой работе, и я конечно же первым делом потащила в прод container queries. Поэтому хочу показать вам красивую адаптивную сетку с сепараторами - https://t.co/EqUkeYhPsu
0
2
13
Мне было сегодня лет, когда я узнала, что в css оказывается есть свойство resize. https://t.co/n2cGoyc7AP
1
1
20
В сегодня лет я узнала, что оказывается есть шорхенд place-items для свойств align-items и justify-items https://t.co/KEguzR7Hhg
developer.mozilla.org
The CSS place-items shorthand property aligns items along both the block and inline directions at once. It sets the values of the align-items and justify-items properties. If the second value is not...
1
3
15
Это очень важно, потому что преобразования типов в css нет как явления. И если у вас в атрибуте лежало число, использовать его для вычислений было невозможно.
0
0
1
Нам наконец-то завезут в следующем хроме функцию attr() в том виде, в котором ее планировали много лет назад! Раньше с её помощью можно было получать значение атрибута только как строку. Теперь можно будет указывать тип значения.
CSS attr() gets a major upgrade in Chrome 133! Now, you can use attr() with any CSS property, including custom ones, and it can parse values into data types beyond just strings, unlocking new possibilities. Learn more → https://t.co/kMG7H3gIri
1
2
4
У меня сегодня первый рабочий день на новой работе, и я конечно же первым делом потащила в прод container queries. Поэтому хочу показать вам красивую адаптивную сетку с сепараторами - https://t.co/EqUkeYhPsu
codepen.io
...
1
3
26
2️⃣Функции интерполяции. Группа функций с постфиксом *-progress(), позволяющих посчитать положение значения на заданном промежутке между двумя другими в заданном контексте. Доступны функции без контекста (и префикса), в контексте медиа-запроса и контексте контейнера.
0
0
2
Меня часто спрашивают почему я люблю читать спецификации, особенно черновики, а это иногда просто очень весело)) https://t.co/n4KZXd5HmQ
0
1
7
1⃣Запятые в аргументах функции. Запись аргументов через запятую создает противоречие с тем, что аргумент может уже содержать запятую как часть себя. Теперь можно использовать точку с запятой как разделитель более высокого порядка.
1
0
6
В начале месяца вышел первый рабочий черновик спецификации CSS values and units 5, а в пятницу вечером в нем уже исправили первые опечатки и огрехи. Тред о том, что нового и полезного готовит нам csswg в этом обновлении.
1
0
7
Занесла в словарь в��б-стандартов. https://t.co/ksIApNijYM
0
0
0
Хотя и определение собственных размеров уже давно поменяли в спеке, с тех пор как я принесла его в словарь.
1
0
1
Есть также термин для размеров, которые не могут быть посчитаны без отрисовки страницы - indefinite size. Довольно часто его значение близко к собственным размерам - https://t.co/49ndxERJ1D На мой взгляд, их часто путают в спецификации.
1
0
2
Оказывается есть отдельный термин для размеров, которые могут быть посчитаны без отрисовки страницы! https://t.co/RrSs5EfnW1
1
2
4
Окей, оказывается это работает абсолютно не так, как я думала, и без вложенности тоже отлично работает. Но теперь я абсолютно не понимаю какая там область видимости. Ждите статью на эту тему) https://t.co/mLjOeWUVvT
1
1
4
Игралась вчера с якорным позиционированием, собрала такую демку. https://t.co/BPfiU8DYQS Принимаются идеи как сделать это без такой дикой вложенности.
2
1
6
Слайды моего доклада про режимы написания и их поддержку в интерфейсе. https://t.co/RnrIlbDHl0
0
1
11
Вот на сайте W3C текст лежит в свойстве content и переводчик не переводит его на арабский. (не спрашивайте зачем я перевожу спецификации на арабский)
Рассказываю, почему еще (помимо невидимости для скринридеров) не стоит класть в свойство content важный текст. А лучше вообще никакой не класть. https://t.co/KF84E8VhAc
0
1
6