[css3-layout] Described status as an experimental Note, as decided at Sep 2014 ftf.

bert-github · bert-github · commit 38bcadd2b50c · 2014-09-30T16:36:30.000+02:00
diff --git a/css-template/Overview.src.html b/css-template/Overview.src.html
@@ -4,7 +4,7 @@
 <head
 profile="http://microformats.org/profile/hcard http://microformats.org/wiki/rel-license">
 <meta content="text/html; charset=utf-8" http-equiv=content-type>
-<title>CSS Grid Template Layout Module</title>
+<title>CSS Template Layout Module</title>
 <link href="../default.css" rel=stylesheet type="text/css">
 
 <style type="text/css">
@@ -26,7 +26,7 @@
 
 <body class=h-entry>
 <div class=head><!--logo-->
-<h1 class=p-name>CSS Grid Template Layout Module</h1>
+<h1 class=p-name>CSS Template Layout Module</h1>
 <h2 class="no-num no-toc">[LONGSTATUS] [DATE: 3 August 2004]</h2>
 
 <dl>
@@ -36,7 +36,7 @@ <h2 class="no-num no-toc">[LONGSTATUS] [DATE: 3 August 2004]</h2>
 
   <dt>Latest version:
 
-  <dd><a href="[LATEST]">http://www.w3.org/TR/css3-layout/</a>
+  <dd><a href="[LATEST]">http://www.w3.org/TR/css-template-3/</a>
 
   <dt>Previous version:
 
@@ -47,7 +47,7 @@ <h2 class="no-num no-toc">[LONGSTATUS] [DATE: 3 August 2004]</h2>
 
   <dd><a
   href="mailto:www-style@w3.org?subject=%5Bcss3-layout%5D%20feedback"
-  >www-style@w3.org</a> with subject line &ldquo;[css3-layout]
+  >www-style@w3.org</a> with subject line &ldquo;[css-template-3]
   <var>&hellip; message topic &hellip;</var>&rdquo; (<a
   rel="discussion"
   href="http://lists.w3.org/Archives/Public/www-style/">archives</a>)
@@ -62,6 +62,11 @@ <h2 class="no-num no-toc">[LONGSTATUS] [DATE: 3 August 2004]</h2>
   <dd class="p-author h-card vcard"><span class="p-name fn">César
   Acebal</span> (<span class="p-org org h-org">University of
   Oviedo</span>)
+
+  <dt>Editors' draft:
+
+  <dd><a href="http://dev.w3.org/csswg/css-template/"
+  >http://dev.w3.org/csswg/css-template/</a>
 </dl>
 <!--copyright-->
 <hr title="Separator for header">
@@ -81,10 +86,12 @@ <h2 class="no-num no-toc" id=abstract>Abstract</h2>
 
 <p>CSS is a simple, declarative language for creating style sheets that
 specify the rendering of HTML and other structured documents. This
+Note contains experimental ideas for layout templates and alternative
+layout models in CSS.
+
+<p>At the moment, this
 module defines a typographic grid for CSS. It has
-features to set up a grid template and to flow content into it. (A
-separate module, [[CSS3-GRID-LAYOUT]], uses the same template for
-absolutely positioning elements.)
+features to set up a grid template and to flow content into it.
 
 <p>The 'grid' property sets up a matrix of rows and
 columns and designates empty areas and areas for content (called
@@ -127,11 +134,12 @@ <h2 class="no-num no-toc" id=status>Status of this document</h2>
 href="http://www.w3.org/Style/CSS/Tracker/products/15" >“Details on
 Product CSS3 Template Layout.”</a>
 
-<p class=issue id=tab-cards>This draft also used to contain a layout
-model based on the “stack of cards” idea, with all cards the same size
-and tabs for selecting which card is “on top” (i.e., visible). Where
-should that model be defined? (<a
-href="http://www.w3.org/Style/CSS/Tracker/issues/???">ISSUE-???</a>)
+<!-- Decided at Sep 2014 ftf: -->
+<p><em>This document currently serves as a repository for ideas around
+using templates for laying out elements, regions or pages; and for
+various alternative layout models. It is expected to be updated, but
+it is not expected to become a W3C Recommendation in this
+form. Instead, ideas may migrate to other modules of CSS.</em>
 
 <!--=================================================================-->
 
@@ -846,6 +854,27 @@ <h3 id=accessibility>A note about accessibility</h3>
 
 <!--=================================================================-->
 
+<h2>Stack of cards layout</h2>
+
+<p class=issue>This is a placeholder.
+
+<p>A stack is a layout model based on the metaphor of a stack of index
+cards: sibling elements are formatted as boxes (<dfn
+title="card">“cards”</dfn>) of the same size at the same position with
+a <dfn>tab</dfn> sticking out at one side that contains a title for
+that card. All tabs are visible (and automatically positioned so they
+overlap as little as possible), but only one box is visible at a
+time. In an interactive UA, the user can activate a card (e.g., by
+clicking on a tab, or by pressing page-down), which displays that card
+and hides all the others in the stack. E.g., a rule 'display: stack'
+could make an element into a stack of cards (all children become
+cards, sized to the largest among them) and 'display: tab' could make
+their descendants into titles for the cards. Maybe other properties
+determine the style of the tabs and on which side they display (top,
+bottom, left or right).
+
+<!--=================================================================-->
+
 <h2>Declaring templates</h2>
 
 <p>Grid templates are declared with the 'grid-template-areas', 'grid-template-rows',
@@ -2223,8 +2252,8 @@ <h2 id=flow>Flowing content into slots: 'flow'</h2>
 
 <!--=================================================================-->
 
-<h2 id=absolute>Elements with 'display' set to ''grid'' or
-''inline-grid''</h2>
+<h2 id=absolute>Comparison with 'display: grid' and 'display:
+inline-grid'</h2>
 
 <p><em>This section is not normative</em>
 
@@ -2237,7 +2266,7 @@ <h2 id=absolute>Elements with 'display' set to ''grid'' or
 grid. (Although there are also properties to set their positions
 explicitly.)
 
-<p>''Grid'' and ''inline-grid'' also cause the template to be grow
+<p>''Grid'' and ''inline-grid'' also cause the template to grow
 automatically with either extra rows or extra columns, if there are
 more children than predefined slots.
 
