Skip to content

Commit 1dce4d1

Browse files
author
pcupp
committed
[css3-grid-layout] fixing several spelling errors
1 parent 5595da7 commit 1dce4d1

2 files changed

Lines changed: 46 additions & 45 deletions

File tree

‎css3-grid-layout/Overview.html‎

Lines changed: 35 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -6,16 +6,17 @@
66
<meta content="text/html; charset=utf-8" http-equiv=Content-Type>
77
<title>CSS Grid Layout</title>
88

9-
<link href="http://purl.org/dc/terms/" rel=schema.DC>
10-
<meta content="CSS Grid Layout" name=DC.title>
11-
<meta content=text name=DC.type>
12-
<meta content=2012-09-08 name=DC.issued>
13-
<meta content="http://dev.w3.org/csswg/css3-grid-layout/" name=DC.creator>
14-
<meta content=W3C name=DC.publisher>
15-
<meta content="http://www.w3.org/TR/2012/ED-css3-grid-layout-20120908/"
16-
name=DC.identifier>
9+
<link href="http://purl.org/dc/terms/" rel=schema.dcterms>
1710
<link href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
18-
rel=DC.rights>
11+
rel=dcterms.rights>
12+
<meta content="CSS Grid Layout" name=dcterms.title>
13+
<meta content=text name=dcterms.type>
14+
<meta content=2012-10-16 name=dcterms.issued>
15+
<meta content="http://dev.w3.org/csswg/css3-grid-layout/"
16+
name=dcterms.creator>
17+
<meta content=W3C name=dcterms.publisher>
18+
<meta content="http://www.w3.org/TR/2012/ED-css3-grid-layout-20121016/"
19+
name=dcterms.identifier>
1920
<link href="../default.css" rel=stylesheet type="text/css">
2021
<link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet
2122
type="text/css">
@@ -57,11 +58,11 @@
5758
<h1 class=title id=title>CSS Grid Layout</h1>
5859

5960
<h2 class="no-num no-toc" id=longstatus-date-3-march-2012>Editor's Draft,
60-
8 September 2012</h2>
61+
16 October 2012</h2>
6162

6263
<dl>
6364
<dt>This version:</dt>
64-
<!-- <dd><a href="http://www.w3.org/TR/2012/ED-css3-grid-layout-20120908/">http://www.w3.org/TR/2012/WD-css3-grid-layout-20120908/</a> -->
65+
<!-- <dd><a href="http://www.w3.org/TR/2012/ED-css3-grid-layout-20121016/">http://www.w3.org/TR/2012/WD-css3-grid-layout-20121016/</a> -->
6566

6667
<dd><a
6768
href="http://dev.w3.org/csswg/css3-grid-layout/">http://dev.w3.org/csswg/css3-grid-layout/</a>
@@ -514,10 +515,10 @@ <h3 id=source-independence0><span class=secno>2.3. </span>Source
514515
</div>
515516

516517
<div class=sidefigure>
517-
<p> <img alt="Image: An arrangment suitable for landscape orientation."
518+
<p> <img alt="Image: An arrangement suitable for landscape orientation."
518519
src="images/game-landscape.png">
519520

520-
<p class=caption>An arrangment suitable for ‘<code
521+
<p class=caption>An arrangement suitable for ‘<code
521522
class=css>landscape</code>’ orientation.
522523
</div>
523524

@@ -1309,9 +1310,9 @@ <h3 id=defining-grid-areas-with-a-template0><span class=secno>4.6.
13091310
href="#grid-area-concept"><i>grid areas</i></a> may have the same
13101311
identifier. Duplicate identifiers define a <a
13111312
href="#grid-area-concept"><i>grid area</i></a> which spans multiple
1312-
tracks, and must therefore therefore be geometrically adjacent to each
1313-
other, forming a rectangular shape. A declaration which fails to meet
1314-
these criteria will be dropped.
1313+
tracks, and must therefore be geometrically adjacent to each other,
1314+
forming a rectangular shape. A declaration which fails to meet these
1315+
criteria will be dropped.
13151316

13161317
<p> In the following example, a ‘<a href="#grid-template"><code
13171318
class=property>grid-template</code></a>’ property is used to create a
@@ -1828,7 +1829,7 @@ <h3 id=grid-row-span-and-grid-column-span0><span class=secno>6.1.
18281829
<h3 id=grid-shorthand-properties0><span class=secno>6.2. </span>Grid
18291830
shorthand properties</h3>
18301831

1831-
<p>For all shorthand properties below, specifiying an &lt;identifier&gt;
1832+
<p>For all shorthand properties below, specifying an &lt;identifier&gt;
18321833
sets the values of all longhand properties associated with the
18331834
shorthand property to the values associated with the &lt;identifier&gt;
18341835
.
@@ -2407,14 +2408,14 @@ <h3 id=automatic-placement-of-grid-items0><span class=secno>6.5.
24072408
href="#grid-auto-flow"><code
24082409
class=property>grid-auto-flow</code></a>’ property controls the
24092410
direction in which the search for unoccupied space takes place, and
2410-
whether rows or columns are added as needed to accomodate the content.
2411+
whether rows or columns are added as needed to accommodate the content.
24112412

24122413
<p> A ‘<a href="#grid-auto-flow"><code
24132414
class=property>grid-auto-flow</code></a>’ value of ‘<a
24142415
href="#rows"><code class=css>rows</code></a>’ will place <a
24152416
href="#grid-item"><i>grid item</i></a>s in row-major order by searching
24162417
across columns and then rows for unoccupied space, and will create
2417-
additional rows as needed to accomodate content <a
2418+
additional rows as needed to accommodate content <a
24182419
href="#grid-item"><i>grid item</i></a>s. Similarly, a ‘<a
24192420
href="#grid-auto-flow"><code
24202421
class=property>grid-auto-flow</code></a>’ value of ‘<a
@@ -2524,7 +2525,7 @@ <h3 id=automatic-placement-of-grid-items0><span class=secno>6.5.
25242525
href="#rows"><code class=css>rows</code></a>’ which instructs the
25252526
grid to search across its three columns starting with the first row,
25262527
then the next, adding rows as needed until sufficient space is located
2527-
to accomodate the position of any auto-placed <a
2528+
to accommodate the position of any auto-placed <a
25282529
href="#grid-item"><i>Grid item</i></a>. Figure 11 illustrates the
25292530
result.
25302531

@@ -2861,7 +2862,7 @@ <h3 id=grid-track-sizing-algorithm0><span class=secno>9.2. </span>Grid
28612862

28622863
<li>That each <a href="#grid-track"><i>Grid track</i></a> grows from
28632864
the breadth which satisfied its MinTrackSizingFunction to a breadth
2864-
which satifies its MaxTrackSizingFunction, subject to
2865+
which satisfies its MaxTrackSizingFunction, subject to
28652866
RemainingSpace.
28662867
</ol>
28672868

@@ -2899,7 +2900,7 @@ <h3 id=grid-track-sizing-algorithm0><span class=secno>9.2. </span>Grid
28992900
href="#grid-track"><i>Grid track</i></a> now contains the resolved
29002901
value for its MaxTrackSizingFunction.
29012902

2902-
<p> In step 3, the second goal of this function is satisified as each
2903+
<p> In step 3, the second goal of this function is satisfied as each
29032904
(non-fraction-sized) <a href="#grid-track"><i>Grid track</i></a>
29042905
attempts to grow from the UsedBreadth value to the MaxBreadth value,
29052906
subject to RemainingSpace.
@@ -3083,13 +3084,13 @@ <h3 id=grid-track-sizing-algorithm0><span class=secno>9.2. </span>Grid
30833084

30843085
<p class=issue> Currently this algorithm embodies several heuristics
30853086
which regulate the growth of spanning <a href="#grid-item"><i>Grid
3086-
items</i></a> to accomodate certain use cases. (E.g. the game example
3087-
in Figures 2 and 3 above.) These heuristics should be a normative
3088-
part of this specification to ensure interoperability. To the extent
3089-
additional use cases can be identified that cannot be satisfied by
3090-
following the current heuristics, the normative algorithm can be
3091-
updated, or additional mechanisms can be introduced for fine-grained
3092-
control of content-based TrackSizingFunction.
3087+
items</i></a> to accommodate certain use cases. (E.g. the game
3088+
example in Figures 2 and 3 above.) These heuristics should be a
3089+
normative part of this specification to ensure interoperability. To
3090+
the extent additional use cases can be identified that cannot be
3091+
satisfied by following the current heuristics, the normative
3092+
algorithm can be updated, or additional mechanisms can be introduced
3093+
for fine-grained control of content-based TrackSizingFunction.
30933094

30943095
<dl>
30953096
<dt> <dfn
@@ -3648,7 +3649,7 @@ <h3 class=no-num id=changes-from-previous-version-12-april-2012>Changes
36483649
<li>Section 10.2: Updated DistributeSpaceToTracks to us TracksForGrowth
36493650
in step 4, rather than all Grid Tracks.
36503651

3651-
<li>Section 10.2: Fixed minor spelling error "Contstriant"
3652+
<li>Section 10.2: Fixed minor spelling error "Constraint"
36523653

36533654
<li>Section 11: Added a definition of the preferred minimum width and
36543655
the preferred width of the Grid element.
@@ -3783,10 +3784,10 @@ <h3 class=no-num id=normative-references> Normative references</h3>
37833784
<dt id=CSS3VAL>[CSS3VAL]
37843785

37853786
<dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a
3786-
href="http://www.w3.org/TR/2012/WD-css3-values-20120308/"><cite>CSS
3787-
Values and Units Module Level 3.</cite></a> 8 March 2012. W3C Working
3788-
Draft. (Work in progress.) URL: <a
3789-
href="http://www.w3.org/TR/2012/WD-css3-values-20120308/">http://www.w3.org/TR/2012/WD-css3-values-20120308/</a>
3787+
href="http://www.w3.org/TR/2012/CR-css3-values-20120828/"><cite>CSS
3788+
Values and Units Module Level 3.</cite></a> 28 August 2012. W3C
3789+
Candidate Recommendation. (Work in progress.) URL: <a
3790+
href="http://www.w3.org/TR/2012/CR-css3-values-20120828/">http://www.w3.org/TR/2012/CR-css3-values-20120828/</a>
37903791
</dd>
37913792
<!---->
37923793
</dl>

‎css3-grid-layout/Overview.src.html‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -227,9 +227,9 @@ <h3>Source Independence</h3>
227227

228228
<div class="sidefigure">
229229
<p>
230-
<img alt="Image: An arrangment suitable for landscape orientation." src="images/game-landscape.png" />
230+
<img alt="Image: An arrangement suitable for landscape orientation." src="images/game-landscape.png" />
231231
</p>
232-
<p class="caption">An arrangment suitable for ''landscape'' orientation.</p>
232+
<p class="caption">An arrangement suitable for ''landscape'' orientation.</p>
233233
</div>
234234
<p>
235235
Continuing the prior example, the author also wants the game to adapt to the space available on traditional computer monitors, handheld devices,
@@ -779,7 +779,7 @@ <h3>Defining Grid Areas with a Template</h3>
779779
<i>Grid areas</i> can also be defined explicitly using <a href="http://www.w3.org/TR/css3-syntax/Overview.html#identifiers">identifiers</a> via the 'grid-template' property. The 'grid-template' property provides a visualization of the <i>Grid element</i>&rsquo;s structure while simultaneously defining the <i>Grid areas</i> which can be used to position and size the child elements of the Grid.
780780
</p>
781781
<p>
782-
A row is created for every separate string listed for the grid-template property, and a column is created for each identifier or period in each string. Note that all strings must have the same number of columns. A period represents an unnamed area in the <i>grid element</i> that cannot be used to position or size a <i>grid item</i>. An identifier creates a named <i>grid area</i> that can be used to position and size <i>grid items</i>. No two <i>grid areas</i> may have the same identifier. Duplicate identifiers define a <i>grid area</i> which spans multiple tracks, and must therefore therefore be geometrically adjacent to each other, forming a rectangular shape. A declaration which fails to meet these criteria will be dropped.
782+
A row is created for every separate string listed for the grid-template property, and a column is created for each identifier or period in each string. Note that all strings must have the same number of columns. A period represents an unnamed area in the <i>grid element</i> that cannot be used to position or size a <i>grid item</i>. An identifier creates a named <i>grid area</i> that can be used to position and size <i>grid items</i>. No two <i>grid areas</i> may have the same identifier. Duplicate identifiers define a <i>grid area</i> which spans multiple tracks, and must therefore be geometrically adjacent to each other, forming a rectangular shape. A declaration which fails to meet these criteria will be dropped.
783783
</p>
784784
<p>
785785
In the following example, a 'grid-template' property is used to create a page layout where areas are defined for header content <code>head</code>, navigational content <code>nav</code>, footer content <code>foot</code>, and main content <code>main</code>. Accordingly, the template creates three rows, two columns, and four areas. The <code>head</code> area spans both columns and the first row of the grid. Columns are the tracks that run in the inline direction and rows are the tracks running in the direction of block progression. See Grid Writing Modes for more details.
@@ -1177,7 +1177,7 @@ <h3>Grid-row-span and Grid-column-span</h3>
11771177
<div id="grid-shorthand-properties" class="section">
11781178
<h3>Grid shorthand properties</h3>
11791179

1180-
<p>For all shorthand properties below, specifiying an &lt;identifier&gt; sets the values of all longhand properties associated with the shorthand property to the values associated with the &lt;identifier&gt; .</p>
1180+
<p>For all shorthand properties below, specifying an &lt;identifier&gt; sets the values of all longhand properties associated with the shorthand property to the values associated with the &lt;identifier&gt; .</p>
11811181

11821182
<p>The 'grid-column-position' and 'grid-column-span' properties can be simultaneously specified with the 'grid-column' shorthand property. Likewise, the 'grid-row-position' and 'grid-row-span' properties can be simultaneously specified with the 'grid-row' shorthand property. Note that the first input refers to the starting <i>grid line</i>, while the second, optional input refers to the span of the <i>grid item</i> if an integer, and the ending <i>grid line</i> if a string. Note also that the second input cannot be a string if the first input is ''auto''.
11831183
</p>
@@ -1589,11 +1589,11 @@ <h4>Defining a Default Size for Implicit Columns and Rows</h4>
15891589
<h3>Automatic Placement of Grid Items</h3>
15901590
<p>
15911591
<i>Grid items</i> can be automatically placed into an unoccupied space of the Grid.
1592-
The 'grid-auto-flow' property controls the direction in which the search for unoccupied space takes place, and whether rows or columns are added as needed to accomodate the content.
1592+
The 'grid-auto-flow' property controls the direction in which the search for unoccupied space takes place, and whether rows or columns are added as needed to accommodate the content.
15931593
</p>
15941594
<p>
15951595
A 'grid-auto-flow' value of ''rows'' will place <i>grid item</i>s in row-major order by searching across columns and then rows for unoccupied space, and will create additional rows
1596-
as needed to accomodate content <i>grid item</i>s. Similarly, a 'grid-auto-flow' value of ''columns'' will place <i>grid item</i>s in column-major order, creating new columns as needed.
1596+
as needed to accommodate content <i>grid item</i>s. Similarly, a 'grid-auto-flow' value of ''columns'' will place <i>grid item</i>s in column-major order, creating new columns as needed.
15971597
</p>
15981598
<table id="grid-auto-flow-property" class="propdef">
15991599
<tbody>
@@ -1651,7 +1651,7 @@ <h3>Automatic Placement of Grid Items</h3>
16511651
In the following example, there are three columns, each auto-sized to their contents.
16521652
No rows are explicitly defined. The 'grid-auto-flow' property is ''rows'' which instructs the grid
16531653
to search across its three columns starting with the first row, then the next, adding rows
1654-
as needed until sufficient space is located to accomodate the position of any auto-placed
1654+
as needed until sufficient space is located to accommodate the position of any auto-placed
16551655
<i>Grid item</i>.
16561656
Figure 11 illustrates the result.
16571657
</p>
@@ -1881,7 +1881,7 @@ <h3>Grid Track Sizing Algorithm</h3>
18811881
</p>
18821882
<ol>
18831883
<li>That each <i>Grid track</i> satisfies its MinTrackSizingFunction</li>
1884-
<li>That each <i>Grid track</i> grows from the breadth which satisfied its MinTrackSizingFunction to a breadth which satifies its MaxTrackSizingFunction, subject to RemainingSpace.</li>
1884+
<li>That each <i>Grid track</i> grows from the breadth which satisfied its MinTrackSizingFunction to a breadth which satisfies its MaxTrackSizingFunction, subject to RemainingSpace.</li>
18851885
</ol>
18861886
<p>
18871887
For the purposes of resolving the breadth that satisfies the MinTrackSizingFunction and MaxTrackSizingFunction, each <i>Grid track</i> falls into one of three categories:
@@ -1897,7 +1897,7 @@ <h3>Grid Track Sizing Algorithm</h3>
18971897
the UsedBreadth variable of each GridTrack now satisfies its MinTrackSizingFunction. The MaxBreadth variable for each <i>Grid track</i> now contains the resolved value for its MaxTrackSizingFunction.
18981898
</p>
18991899
<p>
1900-
In step 3, the second goal of this function is satisified as each (non-fraction-sized) <i>Grid track</i>
1900+
In step 3, the second goal of this function is satisfied as each (non-fraction-sized) <i>Grid track</i>
19011901
attempts to grow from the UsedBreadth value to the MaxBreadth value, subject to RemainingSpace.
19021902
</p>
19031903
<p>
@@ -2032,7 +2032,7 @@ <h3>Grid Track Sizing Algorithm</h3>
20322032
The purpose of this function is to resolve the contribution that each <i>Grid item</i> makes to any min-content or max-content TrackSizingFunctions for the <i>Grid tracks</i> it covers. There are four permutations: min-content or max-content in either the MinTrackSizingFunction or MaxTrackSizingFunction. MinTrackSizingFunctions are resolved before MaxTrackSizingFunctions, and min-content contributions are resolved before max-content contributions. Note that when resolving min-content contributions they may grow tracks that have either min-content or max-content keywords, as seen in 3.a.i and 3.b.i below.
20332033
</p>
20342034
<p class="issue">
2035-
Currently this algorithm embodies several heuristics which regulate the growth of spanning <i>Grid items</i> to accomodate certain use cases. (E.g. the game example in Figures 2 and 3 above.) These heuristics should be a normative part of this specification to ensure interoperability. To the extent additional use cases can be identified that cannot be satisfied by following the current heuristics, the normative algorithm can be updated, or additional mechanisms can be introduced for fine-grained control of content-based TrackSizingFunction.
2035+
Currently this algorithm embodies several heuristics which regulate the growth of spanning <i>Grid items</i> to accommodate certain use cases. (E.g. the game example in Figures 2 and 3 above.) These heuristics should be a normative part of this specification to ensure interoperability. To the extent additional use cases can be identified that cannot be satisfied by following the current heuristics, the normative algorithm can be updated, or additional mechanisms can be introduced for fine-grained control of content-based TrackSizingFunction.
20362036
</p>
20372037
<dl>
20382038
<dt>
@@ -2353,7 +2353,7 @@ <h3 id="changes-from-previous-version-12-april-2012" class="no-num">Changes made
23532353
<li>Section 6.6: Specified that non-rectangular grid-template regions are not allowed, and that one column is created for each letter in a template string.</li>
23542354
<li>Section 6.6: Updated text describing grid-template and writing-mode sensitivity.</li>
23552355
<li>Section 10.2: Updated DistributeSpaceToTracks to us TracksForGrowth in step 4, rather than all Grid Tracks.</li>
2356-
<li>Section 10.2: Fixed minor spelling error "Contstriant"</li>
2356+
<li>Section 10.2: Fixed minor spelling error "Constraint"</li>
23572357
<li>Section 11: Added a definition of the preferred minimum width and the preferred width of the Grid element.</li>
23582358
</ul>
23592359

0 commit comments

Comments
 (0)