CSS-live.ru

Сентябрьские новинки W3C

Начало осени в W3C выдалось весьма «урожайным». Рабочая группа API устройств выпустила два черновика для работы с датчиками приближения и фонового освещения, позволяющие скриптам регировать на изменение физического окружения мобильного устройства. Рабочая группа SVG обновила текущий черновик своего основного труда — спецификации SVG2. Спецификация веб-уведомлений, детище одноименной рабочей группы, достигла статуса предложенной рекомендации (предфинального). А рабочая группа CSS выпустила целую серию спецификаций, в т.ч. довольно интересных.

Одна из новинок — черновик каскада и наследования 4 уровня. Хотя принято считать, что современные методологии типа БЭМ и инлайн-стилей в духе React полностью избавляют от влияния каскада и специфичности селекторов, на деле всё сложнее: стили, меняемые в ходе анимаций или переходов, имеют приоритет над другими (иногда даже над !important!), да и переход от указанных стилей к вычисленным, которые далее могут наследоваться, не всегда интуитивен и однозначен. В новом черновике добавлена еще одна возможность сброса полученных по каскаду значений (ключевое свойство revert) и возможность подключения стилей через import() по условию supports().

Первый публичный черновки CSS Page Floats включает возможность float:bottom, что часто оказывалось нужным, и уточняет тонкости поведения float-ов при постраничном или многоколоночном отображении.

Новую редакцию модуля грид-раскладки 1 уровня авторы определяют как «черновик окончательной конструкции» («final design draft»): в нем еще остались спорные вопросы, мешающие перевести его в кандидаты в рекомендации, но в основном это «косметические» исправления и уточнения алгоритмов (для единообразия с флексбоксами и др. модулями), ключевые идеи и алгоритмы меняться уже не будут. Мы уже писали (и продолжаем писать) об этом модуле, все браузеры (включая MS Edge) также активно работают над его реализацией, есть шанс, что уже ближайшей весной он будет доступен во всех основных браузерах — и вполне может стать основным механизмом раскладки на будущие годы, потеснив даже флексбоксы. Так что, если вы еще не знакомы с этим модулем и его возможностями, ознакомьтесь прямо сейчас! А по возможности ознакомьтесь и с самой спецификацией и поделитесь замечаниями с ее авторами: если найти недоработки сейчас, их можно будет быстро устранить, иначе же спецификацию так с ними и утвердят.

Модуль строчной (инлайновой) раскладки 3 уровня расширяет возможности главного, для чего предназначен веб — форматирования (гипер-)текста. Из новинок — расширение свойства vertical-align (оно сможет принимать 2 значения — исходную вертикальную позицию, напр. baseline, text-top, center или middle, и дополнительное смещение относительно нее), а также возможности оформления первой буквы как буквицы (привязывать ее размер к количеству строк, задавать обтекание по контуру и т.п.).

А буквально вчера вышли еще три черновика (все — первые публичные):

  • Модуль пользовательского интерфейса 4 уровня. Основная новинка — долгожданное возвращение appearance:none, столь полезного для сброса системных стилей элементов форм (скорей бы все браузеры поддержали его без префикса!). Также текстовый курсор предлагается использовать только для текста, который можно выделить, но вот cursor:pointer даже тут упорно остается индикатором ссылки, а не кликабельности.
  • Модуль текста 4 уровня. В основном отвечает за управление пробелами в тексте (наконец появилась возможность явно заставить их игнорироваться — white-space:discard, как же ее не хватало в период верстки на инлайн-блоках!), а также переносы текста и блоков (в т.ч. расстановку знаков переноса).
  • Модуль круглых дисплеев 1 уровня. Определяет особенности отображения на круглых экранах, как у многих «умных часов». В частности, умеет вписывать текст в окружность (по аналогии с CSS Shapes) и позиционировать элементы в полярных координатах.

Что-то из новинок наверняка покажется непрактичной экзотикой, но не надо недооценивать темпы прогресса, особенно в мире мобильных устройств. Будущее всегда наступает внезапно, и лучше подготовиться к нему, насколько можно. И не забывайте, что вы сами можете влиять на развитие веб-технологий — черновики спецификаций сейчас доступны на гитхабе, и можно вносить свои пожелания и замечания, а порой и исправления, прямо там!

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

2 комментария

    1. Про теги — это в рабочую группу HTML. А там вряд ли будут заниматься визуальными вещами типа чего-то «бокового»…

Добавить комментарий для Ник Отменить ответ

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

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