CSS-live.ru

Новогодние подарки Рабочей группы CSS: значения и единицы 4 уровня, медиавыражения 4 и 5 уровней

новые спецификации прямо под новогодней ёлкой

Праздничные новогодние хлопоты не мешают Рабочей группе CSS обновлять спецификации. Накануне нового года вышли три обновленных модуля CSS:

  • Значения и единицы 4 уровня (рабочий черновик). Добавлен параграф о вычислении значений типа URL (он унифицирован со спецификацией Fetch, что автоматом снимает вопросы о взаимодействии c CORS и т.п.). Семейство «вьюпортных» единиц (vw, vh…) пополнилось вариантами для большого, маленького и динамического вьюпорта (учитывает скрытие/раскрытие строки адреса и др. панелей мобильных браузеров) и их логическими версиями для разных напралений письма (итого 24 шт. — пожалуй, стоит целой статьи!:), а все шрифтовые единицы (ex, ch, ic, cap, lh) получили свою пару для шрифта корневого элемента, подобно паре em/rem. Все математические функции тоже в силе. Ожидается, что в таком виде этот модуль скоро станет кандидатом в рекомендации. А вот так и не прижившиеся в браузерах функция toggle() и типизированная attr() — увы — отложены на следующий, 5-й уровень.
  • Медиавыражения 4 уровня (черновик кандидата в рекомендации, CRD). Отметим новый, непривычный статус — нововведение обновленного рабочего процесса W3С. Есть подозрение, что именно на этом статусе будет происходить всё самое интересное — с одной стороны, он позволяет браузерам смело открывать реализации для широкой аудитории (т.е. огромной армии бета-тестеров:), а с другой — можно смело вносить изменения. Впрочем, в нынешней публикации существенных изменений нет — только «дежурное» уточнение грамматики.
  • Медиавыражения 5 уровня (рабочий черновик). Добавлено выражение display-mode, соответствующее значению из манифеста для PWA и аналогов — fullscreen (запущено во весь экран), standalone (имитирует нативное приложение OS), minimal-ui (из браузерных контролов только кнопки вперед-назад и т.п.) и browser (как обычная страница). Особо отмечено, что @media (display-mode: fullscreen) и псевдокласс :fullscreen — разные вещи: первое активируется из манифеста или настроек, а второе — только явным действием пользователя. Также переименованы значения выражения prefers-contrast (more и less вместо старых high и low) и добавлено новое значение custom для явно выбранного набора цветов (на замену бывшему forced). Еще добавлена явная проверка доступности кнопки «Назад» (nav-controls: back или none) и поддержка складных или составных экранов (horizontal-viewport-segments и vertical-viewport-segments). А вот выражения для видео (video-width и т.п.) убрали — их так и не получилось «подружить» с определением пикселя в модуле CSS-единиц.

Ну и в последний день старого года обновился список актуальных модулей CSS (он же девятое официальное определение CSS, сокращенно CSS9 CSS-2021) — исправили ошибку, что один модуль был указан в двух разделах сразу:). Теперь ждем CSS-2022 — будем вместе следить за его новинками!

P.S. Это тоже может быть интересно:

1 комментарий

  1. Привет друг! 
    В нашем сообществе уже почти 2 тысячи человек! Всего за пол месяца мы набрали 400 новых подписчиков и удержали, а это значит, что контент у нас по настоящему годный. 

    У нас ты сам увидишь :

    1. Хорошие статьи для твоего обучения в мире фрондента; 

    2. Много разных задач и решения их. А самому сообразительному даётся достижение. 

    3. Первый поток курса (конечно, если ты ещё не успел зайти на него, ведь он ограничен в рамках людей). 

    Заходи к нам ТЛГ  deveveloper_house_jun_front

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

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