ВеCSSти с полей

Флексбоксы прощаются с экспериментальным статусом

Как стало известно из секретных¹ источников, близких к W3C, экспериментальный статус наших любимых флексбоксов почти наверняка останется в уходящем году. На прошлой неделе во время тайного совещания² члены Рабочей группы CSS приняли решение в ближайшее время перевести флексбоксы в статус кандидата в рекомендации. Т.е. в переводе с тайного языка W3C на обычный человеческий — объявить, что спецификация полностью готова, и браузеры могут смело ее реализовывать, а мы — использовать.

И в самом деле, сколько уже можно ждать. По W3Cшной традиции, для статуса кандидата в рекомендации нужно как миниум 2 совместимых реализации. А флексбоксы на сегодняшний день поддерживают больше 95% браузеров! В т.ч. больше 80% — без префикса. Для постсоветских стран CanIUse показывает цифры чуть поменьше, но их можно смело увеличивать в уме — там не учитываются Яндекс-браузер и другие «хромята», доля которых в нашей статистике вполне существенна. Если их приплюсовать, цифры будут недалеки от мировых.

(далее…)

CSS-переменные стали кандидатом в рекомендации

Интересный, хотя и вызывающий немало споров, модуль CSS-переменных недавно достиг статуса кандидата в рекомендации, т.е. признан достаточно проработанным для реализации и больше не должен меняться радикально. Тем не менее, Рабочая группа CSS планирует, что обсуждение этого модуля продлится как минимум до 1 июня 2016 года (в отличие от обычных 2-3 месяцев) — всё-таки это модуль 1 уровня, добавляющий в CSS функциональность, которой там никогда прежде не было, что поневоле затрагивает его базовую грамматику и вызывает массу вопросов, как это нововведение «сработается» с другими модулями.

Незадолго до этого экспериментальная поддержка CSS-переменных снова появилась в Chrome Canary (впервые после того, как из Chrome 34 убрали старую реализацию). В Firefox они стабильно поддерживаются начиная с 31-й версии. В Microsoft они еще на рассмотрении — пока с низким приоритетом, но новый статус спецификации и ваш голос могут помочь это изменить.

Подробнее узнать о преимуществах CSS-переменных и удачных сценариях их применения можно в статье Филипа Уолтона, перевод которой есть на нашем сайте:)

CSS Grid Layout включен по умолчанию в Firefox 45.0a1

В ноябре Firefox (ночные сборки, на сегодня это версия 45.0a1) стал первым браузером, в котором нынешняя версия CSS Grid Layout включена по умолчанию. Можно скачать, установить, запустить и сразу проверять примеры из наших статей, не «колдуя» в настройках. Похоже, разработчики Firefox всерьез решили выпустить 45-ю версию с полноценной поддержкой Grid — количество свежезакрытых багов по этой теме впечатляет. Уже 14 декабря эта версия перейдет в статус альфы, а там всего 3 месяца — и релиз. ВеCSSна обещает быть жаркой! :)

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

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

(далее…)

WebKit (Safari 9) включил поддержку CSS-селекторов 4 уровня

В блоге разработчиков Safari опубликована статья о новых CSS-селекторах, поддерживаемых в последних сборках WebKit (в т.ч. в Safari 9). Речь идет о новом функциональном псевдоклассе :matches(), а также расширении функциональных псевдоклассов :not(), :nth-child() и :nth-last-child().

Селектор :matches() позволяет удобно группировать и более компактно записывать похожие селекторы (напр. .syntax-highlighted :matches(.css-tag, .css-keyword) вместо .syntax-highlighted .css-tag, .syntax-highlighted .css-keyword). Селектор :not() теперь тоже может содержать список селекторов (модуль селекторов 3 уровня разрешал ему лишь простой селектор, т.е. один тег, класс, псевдокласс или ID). (далее…)

CSS Grid Layout — на финишной прямой

На прошлой неделе Рабочая группа CSS в W3C объявила о намерении уже этой осенью перевести спецификацию CSS Grid Layout 1 в статус кандидата в рекомендации — т.е. фактически стандарта, полностью готового к реализации без префиксов и флагов. Все оставшиеся непроработанными спорные моменты нужно «утрясти» не больше чем за месяц. Поэтому Рабочая группа CSS призывает всех интересующихся поскорее ознакомиться с текущим вариантом и поучаствовать в его обсуждении.

…Мы хотим, чтобы все были довольны, но этого не получится, если вы начнете жаловаться после того, как мы закончим и все уже выпустят свои реализации, а вы соблаговолите сказать нам, что вам что-то не нравится, лишь через пару лет, так ведь? Так что посмотрите сейчас, и лучше жалуйтесь раньше, а не позже. :)

В числе моментов, которые особенно важно обсудить сейчас — свойства row-gap и column-gap и их влияние на общую ширину грид-полос, уточнение автоматического определения размера полос, добавление возможности распределения контента по аналогии с флексбоксами, а также масса небольших уточнений. Всё это нужно прояснить и проработать до осени! Особенно значимы для W3C комментарии от веб-разработчиков — ведь именно им в первую очередь нужен двумерный механизм раскладки. Так что, если не хотите терпеть неудобства от стандарта потом, скорее знакомьтесь с текущей версией (напр. по статьям на нашем сайте), смело экспериментируйте с ней и помогите сделать стандарт удобным!

CSS Snapshot 2015 — официальное определение современного CSS

В недрах Рабочей группы CSS в W3C зреет маленькая сенсация: есть шанс, что в ближайшее время вместо безнадежно устаревшего документа пятилетней давности мы получим новое, актуальное официальное определение CSS! Хотя в самом документе в качестве основной аудитории указаны разработчики браузеров, веб-разработчикам тоже не помешает знание, какие спецификации CSS сами их авторы считают «готовыми» и годными для реализации, а какие — «сырыми» и экспериментальными.

Вот что официально входит в CSS образца 2015 года, по редакторскому черновику нового документа:

(далее…)

Весенние новинки Рабочей группы CSS

Прошедшая половина весны, похоже, выдалась активной и плодотворной для Рабочей группы CSS в W3C. Почти весь март прошел в постоянных телеконференциях и встречах, на которых было принято немало конструктивных решений. В частности, решено больше не менять текущую спецификацию Flexbox (наконец!), поскольку браузеры до сих пор не могут разобраться с последствиями предыдущей смены насчет абсолютно позиционированных потомков флекс-контейнера. Выпущено три новых интересных спецификации и активно дорабатывались существующие. Много внимания уделялось заслуженному модулю CSS3 UI (в частности, уточнению нюансов полезного свойства box-sizing) — он обновлялся дважды, последний раз буквально позавчера. (далее…)

Большая выставка технологий Moscow Application & Technology Expo

Это рекламная статья. Ради поддержки сайта, чтобы мы могли публиковать больше переводов и для того, чтобы делать лучше и полезнее конференции в целом (прим. редакции css-live.ru)

Большая выставка технологий Moscow Application & Technology Expo

В начале весны в российской столице состоится поистине технологичное шоу, объединяющее новинки мобайла, дополненной и виртуальной реальности, Интернета  вещей, wearable-технологий, потребительскую электронику медицинского назначения, а также еще недостаточно знакомый россиянам так называемый подключенный автомобиль (технология Connected Car).

Все это будет представлено на III Международной выставке MATE 2015, которая состоится 1214 марта в московском выставочном центре «Сокольники». Регистрация – по ссылке.

(далее…)

W3C разрабатывает веб-стандарты для автомобилей

Летающих автомобилей к 2015 году мы не дождались, но это не значит, что прогресс в автомобильной отрасли остановился. Вот-вот по дорогам общего пользования начнут ездить машины-роботы, редкая машина обходится без бортового компьютера и навигатора, и немало важной информации (погода, пробки и др. ситуации на дороге, наличие мест для парковки и т.п.) водители и пассажиры получают из интернета. И вот недавно консорциум W3C и автопроизводители решили объединить усилия и разработать спецификации, которые помогут автомобилистам получать максимум пользы от интернета без ущерба для безопасности. (далее…)

CSS2 наносит ответный удар: W3C взялся за CSS2.2

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

…Этот документ больше не поддерживается. Рабочая группа CSS разрабатывает 2-ю ревизию CSS 2-го уровня,, которая исправляет ошибки и пропуски в этом документе, а также вносит немного других изменений, как документировано в разделе об изменениях. Рабочая группа CSS призывает веб-разработчиков и разработчиков браузеров ссылаться на CSS 2.2 (или его преемника), а не на этот документ.

(далее…)

Будущее уже здесь: в W3C задумались о браузерах для роботов

Нет, речь идет не о поисковых и т.п. «ботах», а о настоящих роботах из металла и пластика. Это не шутка и не фантастика. Вчера W3C (кстати, недавно отметивший 20-летие) анонсировал предложение организовать группу для проработки вопросов использования браузеров и веб-технологий для управления роботами и взаимодействия с ними — общественную группу по браузерам и робототехнике.

Например, эта группа могла бы обсуждать такие проблемы, как взаимодействие роботов друг с другом через вебсервисы («рой» роботов на веб-основе), связи между визуальным интерфейсом браузера и физическим интерфейсом робота, специфичные для роботов аспекты «веба вещей» и т.п. (далее…)

«Живой стандарт» WHATWG HTML включил информацию о поддержке браузерами

Спецификация WHATWG HTML, имеющая статус «живого стандарта» и недавно получившая новый постоянный адрес https://html.spec.whatwg.org/multipage/, стала удобнее для веб-разработчиков. С недавнего времени прямо в спецификации в начале многих разделов (напр. об элементе video) отображается врезка с информацией о поддержке данного раздела браузерами, получаемая с сайта caniuse.com.

Это хорошая попытка устранить главный недостаток монолитного «живого стандарта», не проводящего явного различия между стабильными и недавно добавленными экспериментальными частями (в отличие от модульного подхода и сложной цепочки статусов W3C). Теперь веб-разработчики смогут обойтись без сторонних ресурсов, чтобы узнать, можно ли уже использовать ту или иную часть «живого стандарта» для определенной аудиории. Что укрепит надежды ее редактора — Иэна Хиксона — на то, что именно WHATWG-версия спецификации HTML5 станет «основной» (к сожалению, WHATWG и W3C по-прежнему видят будущее HTML5 по-разному и выражают недовольство работой друг друга).

Правда, реализация пока далека от идеала, на момент публикации на врезке почему-то отображается не минимальная поддерживающая версия, а последняя версия, о которой имеется информация на caniuse.com (т.е. версия для «обозримого будущего»). Будем надеяться, что WHATWG исправит это и доведет такое полезное нововведение до ума.

Отметим, что в некоторых редакторских черновиках спецификаций W3C (например, для CSS-анимаций) также имеется информация о реализации их браузерами — в виде ссылок на наборы тестов и статистики прохождения браузерами этих тестов. Так что проверяйте свои браузеры на этих тестах, это может помочь исправлению багов спецификаций и ускорению их внедрения.

W3C HTML5 вышел на финишную прямую

Прошедшая неделя в W3C выдалась довольно богатой на новости, сразу несколько рабочих групп «разродились» новыми спецификациями либо существенными обновлениями старых. В частности, «первая очередь» спецификации HTML5 по версии W3C — HTML5.0 — обновила свой статус до предложенной рекомендации (Proposed Rec., PR). Это означает, что спецификация теоретически готова, реализована как минимум в двух браузерах и только простая формальность (в виде положенного по процедуре месячного «испытательного срока») отделяет ее от окончательного утверждения в статусе рекомендации (что в W3C соответствует понятию «стандарт»).

Таким образом, планы W3C по поэтапному утверждению HTML5 — первой части до конца 2014 года, а оставшейся части до конца 2016-го — имеют все шансы выполниться в намеченный срок, и старые страхи о том, что «HTML5 не будет готов до 2022-го», можно забыть.

Стоит отметить, что, хотя почти завершенный статус спецификации производит впечатление стабильности и «солидности», на самом деле ни для разработчиков браузеров, ни для веб-разработчиков этот статус не так уж важен. Стабильные «отпечатки» (snapshots) спецификаций нужны главным образом патентным юристам, как требует патентная политика W3C. Фактически же еще в момент публикации эти документы являются устаревшими. Важные для разработчиков реализаций новинки содержатся в текущем редакторском черновике W3C, а также в «живом стандарте» WHATWG. Кстати, последний недавно как раз переехал на новый адрес — https://html.spec.whatwg.org/. К сожалению, последнее время редакторы обеих ветвей HTML5 не особо ладили друг  с другом, и расхождения между спецификациями всё накапливаются.

В дополнение к HTML5.0 W3C выпустил первый черновик отдельной спецификации для отличий HTML5 от HTML4. Прежде это был небольшой раздел в HTML5. В частности, одна глава новой спецификации посвящена новой классификации моделей содержимого и ее отличиям от устаревшего и вечно вызывавшего путаницу деления элементов на «блочные и строчные». Возможно, в W3C прочитали нашу давнюю статью?:)

Опубликован черновик модуля стилей счетчиков 3 уровня

09 October 2012

Рабочая группа Каскадных таблиц стилей опубликовала первый публичный рабочий черновик спецификации CSS Counter Styles Level 3. Этот модуль вводит новое правило "@counter-style", которое позволяет авторам определять их собственные кастомные стили счетчиков для использования с маркерами списка в CSS и со счетчиками в генерируемом контенте. Также этот модуль переопределяет набор общих стилей счётчика, включая те, что уже были в CSS2 и CSS2.1. CSS является языком описания рендеринга структурированных документов (так же, как и HTML и XML) на экране, на бумаге, в речи и т.д.

Более подробно о Style Activity