The future of style

The Future of Style aggregates posts from various blogs that talk about the development of Cascading Style Sheets (CSS) [not development with Cascading Style Sheets]. While it is hosted by the W3C CSS Working Group, the content of the individual entries represent only the opinion of their respective authors and does not reflect the position of the CSS Working Group or the W3C.

Latest articles

Minutes Telecon 2019-01-16

Source: CSS WG BlogDael Jackson • 17 January 2019

Full Meeting Minutes

Release Notes for Safari Technology Preview 73

Source: Surfin' Safari 16 January 2019

Safari Technology Preview Release 73 is now available for download for macOS Mojave and macOS High Sierra. If you already have Safari Technology Preview installed, you can update in the Software Update pane of System Preferences on macOS Mojave and from the Mac App Store’s Updates tab on macOS High Sierra. After updating to macOS Mojave, you may have to reinstall Safari Technology Preview.

This release covers WebKit revisions 239091-239566.

Web API

JavaScript

CSS

Media

WebRTC

Web Animations

Web Authentication

WebGPU

Web Inspector

W3C Strategic Highlights: Introduction

Source: W3C Blog Amy van der Hiel • 14 January 2019

Over the next few weeks and months we’ll be exploring the latest W3C Strategic Highlights document here in the W3C blog in a bit more depth in order to give a deeper overview of the work W3C does to consolidate, optimize and enhance the existing landscape, which includes innovation, incubation, and research for the growth and strength of the Web (see also Jeff Jaffe’s blog post “Looking Back at TPAC 2018; Public Release of W3C Strategic Highlights” from November 2018). graphic showing the pipeline of Web innovation [Lightbulb design credit: Freepik]

W3C Strategic Highlights

The W3C Strategic Highlights outlines an exciting pipeline of innovations that W3C is working on to enable the Web to scale to meet new challenges and opportunities. Over the next weeks and months, we will focus on progress in many areas which demonstrates the vitality of the W3C and the Web community as well as the maturation and further development of an incredible number of new technologies coming to the Web.

These technologies include:

Please check back here to read more about this new work!

Minutes Telecon 2018-12-19

Source: CSS WG Blog Dael Jackson • 20 December 2018

Full Meeting Minutes

Release Notes for Safari Technology Preview 72

Source: Surfin' Safari 19 December 2018

Safari Technology Preview Release 72 is now available for download for macOS Mojave and macOS High Sierra. If you already have Safari Technology Preview installed, you can update in the Software Update pane of System Preferences on macOS Mojave and from the Mac App Store’s Updates tab on macOS High Sierra. After updating to macOS Mojave, you may have to reinstall Safari Technology Preview.

This release covers WebKit revisions 238607-239091.

Web Authentication

CSS Painting API

Web API

WebRTC

Web Inspector

Web Share API

Media

JavaScript

Service Workers

Updated Working Draft: CSS Box Model Level 3. New Working Dr…

Source: W3C's Cascading Style Sheets home page18 December 2018

18 Dec 2018 Updated Working Draft: CSS Box Model Level 3. New Working Draft: CSS Fragmentation Level 4. Updated Working Draft: Filter Effects Level 1. Updated Working Draft: Motion Path Level 1.

Minutes Telecon 2018-12-12

Source: CSS WG Blog Dael Jackson • 13 December 2018

Full Meeting Minutes

Updated Working Draft: CSS Text Level 3.

Source: W3C's Cascading Style Sheets home page12 December 2018

12 Dec 2018 Updated Working Draft: CSS Text Level 3.

Last Call for Comments on CSS Text Level 3

Source: CSS WG Blogfantasai • 07 December 2018

The CSS Working Group has published an updated Working Draft of CSS Text Level 3 and is issuing a Last Call for Comments prior to requesting a transition to Candidate Recommendation. CSS Text contains various typesetting properties not related to font selection, such as alignment, line breaking, white space collapsing, text justification, and other forms of text-level spacing adjustments.

This update completes the handling of all comments received during the 2013 Last Call period and up through today. A Disposition of Comments documents the comments and their resolutions. The CSSWG requests review of the draft and the changes. If no further comments are received, we expect to transition the draft to Candidate Recommendation in two weeks, thus the deadline for comments or requests for extended time to review is Wednesday 19 December 9:00am Pacific Standard Time.

Note that requests for new features are being deferred to Level 4. This is just a request for review of the existing features in Level 3. (Comments on Level 4 are of course also welcome; please file appropriately.)

Please send feedback by either filing an issue in GitHub (preferable) or sending mail to the (archived) public mailing list www-style@w3.org with the spec code ([css-text-3]) and your comment topic in the subject line. (Alternatively, you can email one of the editors and ask them to forward your comment.)

Updated Working Draft: CSS Box Alignment Level 3. Updated Wo…

Source: W3C's Cascading Style Sheets home page06 December 2018

6 Dec 2018 Updated Working Draft: CSS Box Alignment Level 3. Updated Working Draft: CSS Text Level 3.

Release Notes for Safari Technology Preview 71

Source: Surfin' Safari 05 December 2018

Safari Technology Preview Release 71 is now available for download for macOS Mojave and macOS High Sierra. If you already have Safari Technology Preview installed, you can update in the Software Update pane of System Preferences on macOS Mojave and from the Mac App Store’s Updates tab on macOS High Sierra. After updating to macOS Mojave, you may have to reinstall Safari Technology Preview.

This release covers WebKit revisions 237919-238607.

Dark Mode

Web Animations

Intersection Observer

Web Authentication

Web API

SVG

CSS

Rendering

Intelligent Tracking Prevention

WebRTC

Web Inspector

CSS Grid

Media

Payment Request

JavaScript

RealObjects released PDFreactor version 10, an XML-to-PDF fo…

Source: W3C's Cascading Style Sheets home page05 December 2018

5 Dec 2018 RealObjects released PDFreactor version 10, an XML-to-PDF formatter that runs either as a Web service or as a command line tool. It has support for, among other things, CSS Transforms, CSS Regions, Web Fonts, and running elements. Other features include support for HTML5, MathML, SVG, XSLT, JavaScript, PDF/A and accessible PDF. Version 10 adds, among other things, support for very large documents, color profiles and new CSS properties ('font-stretch', 'text-align-all', flexbox proeprties and more). (Java. Free personal version)

Updated Candidate Recommendation: CSS Fragmentation Level 3.…

Source: W3C's Cascading Style Sheets home page04 December 2018

4 Dec 2018 Updated Candidate Recommendation: CSS Fragmentation Level 3. Updated Candidate Recommendation: Geometry Interfaces Level 1.

Updated Working Draft: CSS Transforms Level 1.

Source: W3C's Cascading Style Sheets home page30 November 2018

30 Nov 2018 Updated Working Draft: CSS Transforms Level 1.

Minutes Telecon 2018-11-28

Source: CSS WG BlogDael Jackson • 29 November 2018

Full Meeting Minutes

What’s new in Chromium 70 and Opera 57

Source: Dev.OperaFredrik Söderqvist • 28 November 2018

Opera 57 (based on Chromium 70) for Mac, Windows, Linux is out! To find out what’s new for users, see our Desktop blog post. Here’s what it means for web developers.

Displaying a dialog will cause pages to leave fullscreen

Dialogs (authentication prompt, payment request etc.) require proper context when shown to the user. When the browser is in fullscreen mode - an immersive mode - that context is not available. To help the user get the right context when a dialog is displayed, the browser will now leave fullscreen mode in those cases.

The ontouch* APIs default to disabled on desktop platforms

The ontouch* event attributes on Window, Document and Element are now disabled by default on desktop platforms. This is to avoid confusion when feature detecting touch support - use navigator.maxTouchPoints for touchscreen detection and window.TouchEvent touch event detection instead. To support both touch and mouse input, consider using the Pointer Events API.

Event listeners for the associated touch events can still be added via EventTarget.prototype.addEventListener, like:

document.addEventListener("touchstart", ...);

Options dictionary for postMessage methods

An optional PostMessageOptions dictionary can now be passed to the postMessage method on DedicatedWorkerGlobalScope, Worker, ServiceWorker, ServiceWorker, and Window.

Thus what was previously written as:

window.postMessage('my message', 'https://origin.example.com');

can now also be written as:

window.postMessage('my message', { targetOrigin: 'https://origin.example.com' });

Media and Real-time Communications

Network

Intervention Reports

An “intervention” happens when the user agent (the browser) willfully violates the request of a web application in order to improve performance, security or eliminate behavior that is considered annoying to a user. These interventions can now be reported back to the page author either by using the Report-To HTTP Response header or the ReportingObserver API.

TLS 1.3

TLS 1.3 is a new version of the TLS protocol that sports a simpler, less error-prone design which improves both efficiency and security. This is achieved by, among other things, reducing the number of round-trips needed to setup a connection, and remove a number of insecure legacy options.

Layout / CSS

Miscellaneous

Symbol.prototype.description

Symbol.prototype.description provides a more straight-forward way to access the description of a Symbol rather than the previously more indirect access via Symbol.prototype.toString.

WebUSB on Dedicated Workers

The WebUSB feature can now be accessed from within a dedicated worker. This for example allows communication with an USB device to be offloaded from the main thread - which can improve performance.

Removed features

AppCache in non-secure contexts

The Application Cache feature, after having been deprecated since Opera 54 (Chromium 67), is no longer exposed in non-secure contexts.

Anonymous getter on HTMLFrameSetElement

It was previously possible to access <frame> elements by name via their parent <frameset>. This was a non-standard extension, which has now been removed.

Deprecated features

Custom Elements “V0” and Shadow DOM “V0”

The “V0” versions of the Custom Elements and Shadow DOM APIs has been deprecated, and is expected to be removed in Opera 60 (Chromium 73). Please watch out for deprecation warnings and migrate any usage to the “V1” APIs:

At the time of writing, the latter specification is in the process of being split up and included into the DOM Standard, HTML Standard and CSS Scoping.

To understand what the differences are between “V0” and “V1” of Shadow DOM, see What’s New in Shadow DOM v1 (by examples) by Hayato Ito, for a very thorough list.

HTML Imports

HTML Imports allowed importing HTML documents into other HTML documents. This feature was never widely supported, and is thus being deprecated. Like Custom Elements “V0” and Shadow DOM “V0” above, it’s also expected to be removed in Opera 60 (Chromium 73).

What’s next?

If you’re interested in experimenting with features that are in the pipeline for future versions of Opera, we recommend following our Opera Developer stream.

You can also see features that we and other Chromium/Blink contributors are working on by looking at the Chrome Platform Status page.

CSS Flexbox Level 1 Updated

Source: CSS WG Blogfantasai • 24 November 2018

The CSS Working Group has published an updated Working Draft of CSS Flexible Box Layout Level 1, which defines the flex layout model. The contents of a flex container can be laid out in any direction, can be reordered, can be aligned and justified within their container, and can “flex” their sizes and positions to respond to the available space. We expect this model to be particularly useful for UI layouts.

This update resolves the undefined behavior of block-axis percentage margins and padding and addresses issues found since the 19 October 2017 publication. Exact diff-marked changes, and their justifications, are available in the changes section and a disposition of comments is also available. There remains one significant issue open, pending a Web-compat investigation.

Please send feedback by either filing an issue in GitHub (preferable) or sending mail to the (archived) public mailing list www-style@w3.org with the spec code ([css-flexbox-1]) and your comment topic in the subject line. (Alternatively, you can email one of the editors and ask them to forward your comment.)

Updated Working Draft: Filter Effects Level 1.

Source: W3C's Cascading Style Sheets home page24 November 2018

24 Nov 2018 Updated Working Draft: Filter Effects Level 1.

Updated Working Draft of Selectors Level 4

Source: CSS WG Blogfantasai • 23 November 2018

The CSS Working Group has published an updated Working Draft of Selectors Level 4. Selectors are patterns that match against elements in a tree and are used as a core part of CSS and in DOM methods such as .querySelector(). This update adds, drops, and renames a number of selectors:

In addition, the specificity rules for :is() and :nth-child() were altered to use the most specific selector argument rather than the most specific selector that happened to match. See specificity rules in the spec and
and discussion leading up to this change in Issue 1027.

Changes since the February 2018 WD are all listed in the Changes section.

One major issue that’s open is redefining the way invalid selectors are handled within :is() and similar pseudo-classes to ignore unknown selectors rather than invalidating the entire style rule. See Issue 3264. Another series of open issues concerns the :visited pseudo-class and how to balance security concerns with usability requirements. Other remaining work is largely clarifications and better integration with the DOM and HTML specifications.

Please send feedback by either filing an issue in GitHub (preferable) or sending mail to the (archived) public mailing list www-style@w3.org with the spec code ([selectors-4]) and your comment topic in the subject line. (Alternatively, you can email one of the editors and ask them to forward your comment.)

Minutes Telecon 2018-11-21

Source: CSS WG BlogDael Jackson • 22 November 2018

Full Meeting Minutes

Updated Working Draft: Selectors Level 4.

Source: W3C's Cascading Style Sheets home page21 November 2018

21 Nov 2018 Updated Working Draft: Selectors Level 4.

Updated Candidate Recommendation: CSS Flexible Box Layout Le…

Source: W3C's Cascading Style Sheets home page19 November 2018

19 Nov 2018 Updated Candidate Recommendation: CSS Flexible Box Layout Level 1.

Minutes Telecon 2018-11-14

Source: CSS WG BlogDael Jackson • 15 November 2018

Full Meeting Minutes

New Working Draft: CSS Shadow Parts. New Note: CSS Snapshot …

Source: W3C's Cascading Style Sheets home page15 November 2018

15 Nov 2018 New Working Draft: CSS Shadow Parts. New Note: CSS Snapshot 2018.

Release Notes for Safari Technology Preview 70

Source: Surfin' Safari 14 November 2018

Safari Technology Preview Release 70 is now available for download for macOS Mojave and macOS High Sierra. If you already have Safari Technology Preview installed, you can update in the Software Update pane of System Preferences on macOS Mojave and from the Mac App Store’s Updates tab on macOS High Sierra. After updating to macOS Mojave, you may have to reinstall Safari Technology Preview.

This release covers WebKit revisions 237630-237919.

Web Animations

Intersection Observer

CSS

WebRTC

Rendering

Web Inspector

Storage

Media

Payment Request

Security UI

#221 - 23 Jun 2014

Source: CSS Zen Garden12 November 2018

'Mid Century Modern' by Andrew Lohman

#220 - 12 Dec 2013

Source: CSS Zen Garden12 November 2018

'Garments' by Dan Mall

#219 - 5 Dec 2013

Source: CSS Zen Garden12 November 2018

'Steel' by Steffen Knoeller

#218 - 26 Nov 2013

Source: CSS Zen Garden12 November 2018

'Apothecary' by Trent Walton

#217 - 19 Nov 2013

Source: CSS Zen Garden12 November 2018

'Screen Filler' by Elliot Jay Stocks

Feeds

The Future of Style features:

If you have a post you want to add to this feed, post a link (or the whole thing) on the CSS3 Soapbox. If you own a blog with frequent posts about the future of CSS, and want to be added to this aggregator, please get in touch with fantasai.

fantasai

Made with CSS! Valid CSS!Valid HTML 4.0! RSS feed Atom feed