Ве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

W3C предлагает реализовать в браузерах CSS-модуль Flexible Box Layout

20 сентября 2012

Рабочая Группа по Каскадным таблицам стилей (CSS) предлагает реализовать в браузерах модуль CSS Flexible Box Layout, находящийся в статусе кандидата в рекомендации. Данная спецификация описывает боксовую модель CSS,  оптимизированную для разработки пользовательских интерфейсов. В модели flex layout потомки гибкого контейнера могут располагаться в любом направлении и могут изменять свои размеры, либо увеличиваясь, для того заполнить свободное место, либо уменьшаясь, чтобы избежать переполнения родительского контейнера. И горизонтальным, и вертикальным выравниванием дочерних элементов легко манипулировать. Вложение этих боксов друг в друга (горизонтальные внутри вертикальных или наоборот) может быть использовано для создания разметки в двух измерениях. 

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

Три новых черновых спецификации Рабочей группы CSS в W3C

11 сентября 2012

Сегодня рабочая группа CSS опубликовала три новых черновых спецификации.

  • Модуль условных правил CSS 3-го уровня. Этот модуль содержит возможности CSS для условной обработки частей таблиц стилей, в зависимости от возможностей получателя того документа, к которому эти стили применяются. Он включает в себя и расширяет функциональность CSS уровня 2, основанного на CSS уровня 1. Основные расширения в сравнении со 2-м уровнем — возможность вкладывать некоторые @-правила внутрь '@media' и добавление новых правил '@supports' и '@document' для условной обработки.
  • Модуль значений изображения и замещаемого содержания 4-го уровня. Этот модуль содержит возможности CSS 4-го уровня, относящиеся к типу <image> и замещаемым элементам. Он включает в себя и расширяет модуль значений изображения и замещаемого содержания 4-го уровня. Главными расширениями по сравнению с уровнем 3 являются ряд дополнений к типам ‘<image>’ и ‘<gradient>’, расширения функции ‘image()’, определения для интерполяции (генерации промежуточных состояний) нескольких типов ‘<image>’ и несколько свойств, управляющих взаимодействием замещаемых элементов и CSS-моделей раскладки.
  • CSS-трансформации. CSS-трансформации позволяют элементам, стилизованным с помощью CSS, трансформироваться в двух- или трехмерном пространстве. Эта спецификация — результат слияния спецификаций двумерных CSS-трансформаций, трехмерных CSS-трансформаций и SVG-трансформаций.
     

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

Финансирование Adobe, Google, и Microsoft обеспечит W3C дополнительными кадрами для работы над HTML5

W3C рады сообщить об обязательствах, взятых Adobe, Google и Microsoft по финансированию, которое позволит консорциуму задействовать дополнительный персонал для поддержки деятельности всех рабочих групп HTML. Эти спонсорские средства помогут W3C достигнуть целей, анонсированных в июне, в ответ на апрельский призыв глав рабочих групп HTML к поиску редакторов. В своей апрельской рассылке главы так же обозначили параллельный объем работ по завершению стабильного стандарта HTML5 к 2014 году и взаимодействию с сообществом по поводу будущих возможностей HTML. Узнайте больше, посетив сайт рабочей группы HTML.