Description
Problem statement
Many new features a landing in each new browser release and specs are being updated all the time. It is difficult to keep up. Improving landing pages for new specs and technical spec features pages can help developers better understand known properties and learn about new features.
Proposed solutions
- Improve landing pages listed below
- brief (5-paragraph approx) description
- demonstration example
- properties
- associated properties
- glossary terms
Task list
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
- CSS module landing page mdn/content#23898
-
CSS Anchor positioning Anchor positioning: css module #178
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
Module landing page: CSS Box Alignment #215
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
- https://drafts.csswg.org/css-align-3/
-
CSS Box Model - CSS module: box sizing & box model mdn/content#33182
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
- https://drafts.csswg.org/css-box-3/
-
Cascade and inheritance New module: CSS Cascading and Inheritance #165
- https://drafts.csswg.org/css-cascade-4/
- New page needed
-
Charsets CSS Charsets #186
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
- https://drafts.csswg.org/css-color-4/
-
- brief (5-paragraph approx) description
- demonstration example (NOT DOING - based on user preferences)
- properties
- data types
- associated properties
- glossary terms
- New CSS Module: CSS color adjustment mdn/content#25211
- https://drafts.csswg.org/css-color-adjust-1/
-
Color HDR - Not official. Not doing.
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
- CSS module: multicol mdn/content#27184
- CSS column layout module example mdn/css-examples#140
-
Conditional Rules CSS Module: Conditional Rules #188
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
- https://drafts.csswg.org/css-conditional-5/
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
- https://drafts.csswg.org/css-contain-3/
-
CSS Counter Styles CSS Modules: Counter Styles #181
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
- https://drafts.csswg.org/css-counter-styles-3/
-
CSS Custom Highlight API
- New page needed? YES. API is documented. Need to add to CSS
- https://drafts.csswg.org/css-highlight-api-1/
-
::highlight()
pseudo-element andHighlight
andHighlightRegistry
interfaces
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
- https://drafts.csswg.org/css-display-4/
-
CSS Easing Functions
-
CSS Expressive Generalizations and Gadgetry Level 1 - Is this real or a joke?
- New page
- https://drafts.csswg.org/css-egg-1/
-
CSS Environment Variables
- https://drafts.csswg.org/css-env-1/
- New page
-
CSS Exclusions
- Determine if needed (wrap-through and wrap-flow properties)
- https://drafts.csswg.org/css-exclusions-1/
- New page
-
CSS extensions
- Determine if needed (Custom Properties, Functions, Selector Combinators ,and At-Rules)
- https://drafts.csswg.org/css-extensions-1/
-
CSS Flexible Box Layout Flexbox #202
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
- https://drafts.csswg.org/css-flexbox/
-
Font loading: CSS Modue: font loading #177
- https://drafts.csswg.org/css-font-loading-3/
- fontFace, fontFaceSet, and FontFaceSource interfaces
- NEW PAGE needed (mostly JS CSS spec)
-
CSS Fonts: CSS Module: Fonts #176
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
- https://drafts.csswg.org/css-fonts/
-
CSS Form Styling - NOT DOING
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
- https://drafts.csswg.org/css-break-3/
-
CSS content CSS Module: Generated Content #180
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
- https://drafts.csswg.org/css-content-3/
-
CSS Generated Content for Paged Media - NOT READY
- New page needed? NO
- https://drafts.csswg.org/css-gcpm/
-
string-set
,footnote-display
,footnote-policy
properties,content()
,string()
,running()
, andelement()
value, and::footnote-call
&::footnote-marker
pseudo-elements
-
CSS grid Module landing page: CSS Grid Layout #216
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
- https://drafts.csswg.org/css-grid/
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
- https://drafts.csswg.org/css-images/
-
CSS Inline Layout Module Level 3 - New module: css inline layout mdn/content#36582
- New page needed? Yes.
initial-letter-align
is defined. - brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
- https://drafts.csswg.org/css-inline-3/
- New page needed? Yes.
-
CSS Line Grid Module
- New page
- https://drafts.csswg.org/css-line-grid-1/
- page needed? NO.
Line-grid
andbox-snap
not yet supported, though-webkit-line-snap
exists.
-
CSS lists CSS Lists #183
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
CSS logical properties and values CSS Logical Properties and Values #205
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
- DOESN'T EXIST
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
CSS Namespace CSS Modules: Namespaces #170
- New page
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
CSS Overflow - CSS overflow module mdn/content#26425
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
CSS pseudo elements New Module: CSS pseudo elements #163
- New page
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
CSS scoping CSS Scoping module #166
- New page
- brief (5-paragraph approx) Description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
Scroll driven animations Document scroll driven animations mdn/content#26544
- New page
- brief (5-paragraph approx) description Add docs for CSS Scroll-driven animations mdn/content#27075
- properties
- data types
- associated properties
- glossary terms
- Author: ChrisMills
-
Scroll snap web/css/css_scroll_snap/ - #155
- New page
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
CSS Scroll Snap Points Page needs to be deleted and redirected mdn/content#26426
- Redirect page to CSS scroll-snap
-
web/css/css_scrollbars/ - #154 CSS scrollbar styles
- New page
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
CSS selectors New module landing: CSS Selectors #164
- New page
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
CSS Shadow Parts
- New page
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
CSS shapes CSS Module: CSS Shapes #204
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
CSS Table - CSS modules: CSS table mdn/content#33236
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
CSS Text - CSS module: css text mdn/content#36470
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
CSS Values and Units #220 (values)
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
- CSS Values and Units Module Level 4
-
CSS Custom Properties for Cascading Variables
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms
-
Media queries Media queries #192
- brief (5-paragraph approx) description
- demonstration example
- properties
- data types
- associated properties
- glossary terms