{ "specification": [ { "name": "CSS Grid Layout Level 1", "status": { "status": "In Development", "enabled-by-default": true }, "url": "http://dev.w3.org/csswg/css-grid/", "webkit-url": "https://bugs.webkit.org/show_bug.cgi?id=60731", "keywords": ["css grid layout", "css grid", "grid"], "category": "css", "contact": { "name": "Sergio Villar Senin", "email": "svillar@igalia.com" } }, { "name": "CSS Media Queries Level 4", "url": "http://dev.w3.org/csswg/mediaqueries-4/", "keywords": ["css media queries", "media queries"], "category": "css" }, { "name": "CSS Positioned Layout Module Level 3", "url": "http://dev.w3.org/csswg/css-position/", "keywords": ["css positioning"], "category": "css" }, { "name": "CSS Selectors Level 4", "url": "http://dev.w3.org/csswg/selectors-4/", "keywords": ["css selectors", "selectors"], "category": "css", "contact": { "name": "Benjamin Poulain", "twitter": "@awfulben", "email": "benjamin@webkit.org" } }, { "name": "CSS Shapes Level 1", "url": "http://www.w3.org/TR/css-shapes-1/", "keywords": ["css shapes", "shapes"], "category": "css" }, { "name": "DOM", "url": "https://dom.spec.whatwg.org", "keywords": ["dom", "dom4"], "category": "html" }, { "name": "HTML5", "url": "https://html.spec.whatwg.org", "keywords": ["html", "html5", "html5.1"], "category": "html" }, { "name": "Streams", "url": "https://streams.spec.whatwg.org", "keywords": ["streams api"], "category": "webapps" } ], "features": [ { "name": "CSS Selector :any-link", "status": { "status": "Done", "enabled-by-default": true }, "url": "http://dev.w3.org/csswg/selectors-4/#the-any-link-pseudo", "specification": "CSS Selectors Level 4", "description": "The pseudo class :any-link matches any element that would match :link or :visisted.", "comment": "A prefix version :-webkit-any-link has been available for a while but it was not 100% compliant to the specification.", "contact": { "name": "Benjamin Poulain", "twitter": "@awfulben", "email": "benjamin@webkit.org" } }, { "name": "CSS Selector :lang() level 4", "status": { "status": "Done", "enabled-by-default": true }, "url": "http://dev.w3.org/csswg/selectors-4/#the-lang-pseudo", "specification": "CSS Selectors Level 4", "description": "The selector :lang() is extended in level 4 to support a list of language range, each range can contain a wildcard. For example: p:lang(\"*-be\", \"en\")." }, { "name": "CSS Selector :matches()", "status": { "status": "Done", "enabled-by-default": true }, "url": "http://dev.w3.org/csswg/selectors-4/#matches", "specification": "CSS Selectors Level 4", "description": "The selector :matches() takes a selector list as argument and matches an element if any of them matches (e.g. :matches(article > section, #target)). When used for styling, the specificity of :matches() is the higest specificity of all selectors in the selector list.", "comment": "The pseudo classes <em>:visited</em> and <em>:link</em> are not supported inside :matches().", "contact": { "name": "Benjamin Poulain", "twitter": "@awfulben", "email": "benjamin@webkit.org" } }, { "name": "CSS Selector :not() level 4", "status": { "status": "Done", "enabled-by-default": true }, "url": "http://dev.w3.org/csswg/selectors-4/#negation", "specification": "CSS Selectors Level 4", "description": "The selector :not() in level 4 supports full selector lists as argument. For example: :not(:any-link >> img, :any-link >> picture).", "comment": "The pseudo classes <em>:visited</em> and <em>:link</em> are not supported inside :not().", "contact": { "name": "Benjamin Poulain", "twitter": "@awfulben", "email": "benjamin@webkit.org" } }, { "name": "CSS Selector :nth-child(An+B of selector list) and :nth-last-child(An+B of selector list)", "status": { "status": "Done", "enabled-by-default": true }, "url": "http://dev.w3.org/csswg/selectors-4/#the-nth-child-pseudo", "specification": "CSS Selectors Level 4", "description": "The pseudo classes :nth-child() and :nth-last-child() now supports a selector list that filters what to count. For example: \":nth-child(even of .visible)\".", "comment": "The pseudo classes <em>:visited</em> and <em>:link</em> are not supported inside :nth-child() and :nth-last-child().", "contact": { "name": "Benjamin Poulain", "twitter": "@awfulben", "email": "benjamin@webkit.org" } }, { "name": "CSS Selector :placeholder-shown", "status": { "status": "Done", "enabled-by-default": true }, "url": "http://dev.w3.org/csswg/selectors-4/#placeholder", "specification": "CSS Selectors Level 4", "description": "The selector :placeholder-shown matches any input element that has a visible placeholder.", "comment": "Styling the placeholder can be done through the WebKit pseudo-element \"::-webkit-input-placeholder\".", "contact": { "name": "Benjamin Poulain", "twitter": "@awfulben", "email": "benjamin@webkit.org" } }, { "name": "Case-insensitive attribute selectors", "status": { "status": "Done", "enabled-by-default": true }, "url": "http://dev.w3.org/csswg/selectors-4/#attribute-case", "specification": "CSS Selectors Level 4", "description": "Any attribute selector that test a value can take a flag \"i\" to use case insensitive checks. For example: input[type=number i] test the value \"number\" case-insensitively.", "contact": { "name": "Benjamin Poulain", "twitter": "@awfulben", "email": "benjamin@webkit.org" } }, { "name": "Element.closest()", "status": { "status": "Done", "enabled-by-default": true }, "url": "https://dom.spec.whatwg.org/#dom-element-closest", "documentation-url": "https://developer.mozilla.org/en-US/docs/Web/API/Element/closest", "webkit-url": "https://bugs.webkit.org/show_bug.cgi?id=137418", "specification": "DOM", "description": "Find the closest ancestor matching the selector passed as argument. The element itself is returned if it matches the selector.", "contact": { "name": "Benjamin Poulain", "twitter": "@awfulben", "email": "benjamin@webkit.org" } }, { "name": "Force Click Events", "status": { "status": "Prototyping", "enabled-by-default": true }, "webkit-url": "https://bugs.webkit.org/show_bug.cgi?id=142836", "description": "Provide the events necessary to handle force click events in the page, overriding the default behavior." }, { "name": "Interaction Media Features (pointer, hover, any-pointer, any-hover)", "status": { "status": "Done", "enabled-by-default": true }, "url": "http://dev.w3.org/csswg/mediaqueries-4/#mf-interaction", "specification": "CSS Media Queries Level 4", "description": "The \"pointer\" media defines how percise the pointing device is. The \"hover\" media defines the ability of the poiting device to hover elements." }, { "name": "MicroData", "status": { "status": "Removed" }, "url": "https://html.spec.whatwg.org/multipage/microdata.html", "webkit-url": "https://bugs.webkit.org/show_bug.cgi?id=119480", "specification": "HTML5", "comment": "WebKit used to support MicroData. The feature never gained any traction and was eventually removed to clean up the codebase." }, { "name": "Navigator.hardwareConcurrency", "status": { "status": "Done", "enabled-by-default": true }, "url": "https://wiki.whatwg.org/wiki/Navigator_HW_Concurrency", "webkit-url": "http://trac.webkit.org/changeset/169017", "description": "Navigator.hardwareConcurrency provides the total number of logical processors available to the user agent." }, { "name": "Picture element", "status": { "status": "In development", "enabled-by-default": false }, "url": "https://html.spec.whatwg.org/multipage/embedded-content.html#the-picture-element", "webkit-url": "https://bugs.webkit.org/show_bug.cgi?id=116963", "specification": "HTML5", "description": "Enable handling the art-direction responsive images use-case by defining multiple image sources in markup", "contact": { "name": "Yoav Weiss", "twitter": "@yoavweiss", "email": "yoav@yoav.ws" } }, { "name": "Position: sticky", "status": { "status": "Done", "enabled-by-default": true }, "url": "http://dev.w3.org/csswg/css-position/#sticky-pos", "specification": "CSS Positioned Layout Module Level 3", "description": "Sticky positioning provides a way to position element out of the normal flow when scrolling. Unlike solutions based on JavaScript, the change of position is synchronized with scrolling.", "comment": "The feature is prefixed with <em>-webkit-</em>. There are some remaining issues to resolve in the specification." }, { "name": "Readable Streams", "status": { "status": "In Development", "enabled-by-default": true }, "url": "https://streams.spec.whatwg.org/#rs", "webkit-url": "https://bugs.webkit.org/show_bug.cgi?id=138967", "specification": "Streams", "comment": "The ReadableStream and ReadableStreamReader interfaces are available but not functional." }, { "name": "Shape outside for floats", "status": { "status": "In Development", "enabled-by-default": true }, "url": "http://www.w3.org/TR/css-shapes-1/", "specification": "CSS Shapes Level 1", "description": "CSS Shapes describe geometric shapes for use in CSS. For Level 1, CSS Shapes can be applied to floats.", "comment": "The implementation is feature complete and shipping, but is -webkit prefixed." }, { "name": "Shared Web Workers", "status": { "status": "Removed" }, "url": "https://html.spec.whatwg.org/multipage/workers.html#shared-workers-introduction", "webkit-url": "https://bugs.webkit.org/show_bug.cgi?id=140344", "specification": "HTML5", "comment": "The implementation of Shared Web Workers was imposing undesirable constraints on the engine. The feature never gained any adoption and was eventually removed from the engine." }, { "name": "Srcset w descriptor and related sizes attribute", "status": { "status": "Done", "enabled-by-default": true }, "url": "https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element", "webkit-url": "https://bugs.webkit.org/show_bug.cgi?id=133620", "specification": "HTML5", "description": "Enable handling the variable width responsive images use-case by defining multiple image resources in markup", "contact": { "name": "Yoav Weiss", "twitter": "@yoavweiss", "email": "yoav@yoav.ws" } }, { "name": "Srcset x descriptor", "status": { "status": "Done", "enabled-by-default": true }, "url": "https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element", "webkit-url": "https://bugs.webkit.org/show_bug.cgi?id=110252", "specification": "HTML5", "description": "Enable handling the fixed width responsive images use-case by defining multiple image resources in markup", "contact": { "name": "Yoav Weiss", "twitter": "@yoavweiss", "email": "yoav@yoav.ws" } } ] }