canmove, Confirmed users
2,854
edits
CSS: Difference between revisions
Jump to navigation
Jump to search
re-order based on developer survey and discussion with Andreas
(add Close to shipping to clarify which ones are happening soon) |
(re-order based on developer survey and discussion with Andreas) |
||
| Line 35: | Line 35: | ||
* List from DevRel kept here: http://mozdevs.github.io/devrel-dashboard/ in CSS and Layout sections | * List from DevRel kept here: http://mozdevs.github.io/devrel-dashboard/ in CSS and Layout sections | ||
==== | ==== Multi-column ==== | ||
* | * [https://drafts.csswg.org/css-multicol/ CSS Multi-column Layout] ([https://www.w3.org/TR/css3-multicol/ TR WD]), [https://bugzilla.mozilla.org/show_bug.cgi?id=684062 metabug] | ||
** unprefixing, [https://bugzilla.mozilla.org/show_bug.cgi?id=616436 column-span], a11y bug hack removal, column-break | |||
** Alias page-break-* to break-*: https://bugzilla.mozilla.org/show_bug.cgi?id=775618 | |||
** Low to no mobile impact, possible tablet impact | |||
(Jen has a demo of bugs / test page at http://labs.jensimmons.com/examples/multicolumn-3-bug-demo.html) | |||
[https://drafts.csswg.org/css- | |||
* | |||
* | |||
* | |||
** | |||
==== Values and Units 3 ==== | ==== Values and Units 3 ==== | ||
| Line 61: | Line 48: | ||
* [ ] attr function (at risk) — very useful in combination with CSS Shapes, in the context of a CMS | * [ ] attr function (at risk) — very useful in combination with CSS Shapes, in the context of a CMS | ||
==== | ==== Scroll Snap update ==== | ||
* [https://drafts.csswg.org/css-scroll-snap-1/ Scroll Snap] ([https://www.w3.org/TR/css-scroll-snap-1/ CR]), [https://bugzilla.mozilla.org/show_bug.cgi?id=1231777 metabug] | |||
* [https://drafts.csswg.org/css- | ** Fix [https://bugzilla.mozilla.org/buglist.cgi?quicksearch=%22scroll+snap%22 related bugs] | ||
* | ** likely medium impact on mobile | ||
* | |||
* medium mobile | |||
==== Media Queries ==== | ==== Media Queries ==== | ||
| Line 83: | Line 67: | ||
=== 2018 Medium Priorities === | === 2018 Medium Priorities === | ||
2018 medium priorities are "maybe" items that we're not sure we can get to in 2018, but would really like to (had a lot of interest during [[yallhands]]). | 2018 medium priorities are "maybe" items that we're not sure we can get to in 2018, but would really like to (had a lot of interest during [[yallhands]]). | ||
==== Containment ==== | |||
* [https://drafts.csswg.org/css-containment/ CSS Containment Module Level 1] ([https://www.w3.org/TR/2017/WD-css-contain-1-20170221/ FPWD 2017]) 'contain' property, size/layout, style, paint. [https://bugzilla.mozilla.org/show_bug.cgi?id=1150081 metabug] | |||
** potential impact for mobile layouts, mobile web apps | |||
** [http://caniuse.com/containment Chrome shipped in 61] | |||
==== Grid Level 2 ==== | |||
Grid Level 2 AKA subgrid (use-cases, a11y implications) | |||
* [https://drafts.csswg.org/css-grid-2/ CSS Grid level 2] (2018-01-31 Resolved to go FPWD) specifically [https://bugzilla.mozilla.org/buglist.cgi?quicksearch=subgrid for subgrid] | |||
* doing some exploratory implementing, design may (hopefully likely) change accordingly | |||
* see also for quick use-cases / tutorial: | |||
** http://fantasai.inkedblade.net/style/discuss/subgrid-markup/ | |||
* medium mobile potential impact, different grid layouts for different responsive use-cases | |||
==== Container Queries Prerequisites ==== | ==== Container Queries Prerequisites ==== | ||
| Line 92: | Line 89: | ||
* [https://github.com/WICG/cq-usecases WICG cq-usecases effort] ([https://github.com/ResponsiveImagesCG/cq-usecases/issues view open issues] to help contribute) | * [https://github.com/WICG/cq-usecases WICG cq-usecases effort] ([https://github.com/ResponsiveImagesCG/cq-usecases/issues view open issues] to help contribute) | ||
* one proposal: https://tomhodgins.github.io/element-queries-spec/element-queries.html | * one proposal: https://tomhodgins.github.io/element-queries-spec/element-queries.html | ||
=== 2018 Lower Priorities === | |||
Features or areas that are lower priority based on a number of factors. | |||
==== Inline Layout ==== | ==== Inline Layout ==== | ||
| Line 102: | Line 102: | ||
* https://drafts.csswg.org/css-scrollbars-1/ | * https://drafts.csswg.org/css-scrollbars-1/ | ||
* no to low if any mobile impact - mobile UIs typically do not display scrollbars, or completely build their own. | * no to low if any mobile impact - mobile UIs typically do not display scrollbars, or completely build their own. | ||
==== Box Alignment ==== | ==== Box Alignment ==== | ||
| Line 138: | Line 131: | ||
* [https://bugzilla.mozilla.org/show_bug.cgi?id=1383650 1383650: Implement SVG geometry properties in CSS] | * [https://bugzilla.mozilla.org/show_bug.cgi?id=1383650 1383650: Implement SVG geometry properties in CSS] | ||
=== | ==== Sizing ==== | ||
[https://drafts.csswg.org/css-sizing-3/ CSS Intrinsic & Extrinsic Sizing Module Level 3] ([https://www.w3.org/TR/css-sizing-3/ TR] WD) [https://bugzilla.mozilla.org/show_bug.cgi?id=1312587 metabug] | |||
* intrinsic size keywords: fix [https://bugzilla.mozilla.org/show_bug.cgi?id=567039 #567039] & [https://bugzilla.mozilla.org/show_bug.cgi?id=1055887 #1055887], and unprefix ([https://bugzilla.mozilla.org/show_bug.cgi?id=1322780 #1322780] | |||
* medium mobile impact from height related properties | |||
==== Motion Path ==== | |||
* [https://drafts.fxtf.org/motion-1/ Motion Path Module Level 1] ([https://www.w3.org/TR/motion-1/ TR] WD 2017), [https://bugzilla.mozilla.org/show_bug.cgi?id=1186329 meta bug] | |||
** Blink: [https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/N4o2MoV1zuw 2015-06-09 intent ship]; [https://codepen.io/danwilson/post/css-motion-paths-2016 Chrome 56+] | |||
* unlikely mobile impact, do any mobile sites even try to use this? or is it just cosmetic? | |||
==== Better Print Support ==== | ==== Better Print Support ==== | ||