Skip to content

Commit c4ddbfa

Browse files
committed
[css-snappoints] Minor typo fixes.
1 parent efcabd0 commit c4ddbfa

2 files changed

Lines changed: 30 additions & 32 deletions

File tree

css-snappoints/Overview.html

Lines changed: 21 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,7 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class
6868
</div>
6969

7070
<h2 class="no-num no-toc no-ref heading settled heading" id=abstract><span class=content>Abstract</span></h2>
71-
<p class=p-summary data-fill-with=abstract>This module contains features to control panning and scrolling behavior with snap points.
71+
<p class=p-summary data-fill-with=abstract>This module contains features to control panning and scrolling behavior with "snap points".
7272
<a href=http://www.w3.org/TR/CSS/>CSS</a> is a language for describing the rendering of structured documents
7373
(such as HTML and XML)
7474
on screen, on paper, in speech, etc.</p>
@@ -113,8 +113,8 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=contents><span class
113113
Definitions</a><li><a href=#scroll-snap-type><span class=secno>4</span>
114114
Scroll Snap Types: the <span class=property data-link-type=propdesc title=scroll-snap-type>scroll-snap-type</span> property</a><li><a href=#scroll-snap-points><span class=secno>5</span>
115115
Scroll Snap Points: the <span class=property data-link-type=propdesc title=scroll-snap-points-x>scroll-snap-points-x</span> and 'scroll-snap-points-y properties</a><li><a href=#scroll-snap-axis><span class=secno>6</span>
116-
Scroll Snap Axis: the <span class=property data-link-type=propdesc title=scroll-snap-axis-x>scroll-snap-axis-x</span> and 'scroll-snap-axis-y properties</a><li><a href=#scroll-snap-coordinate><span class=secno>7</span>
117-
Scroll Snap Coordinate: the <span class=property data-link-type=propdesc title=scroll-snap-coordinate-x>scroll-snap-coordinate-x</span> and 'scroll-snap-coordinate-y properties</a><li><a href=#acknowledgments><span class=secno></span>
116+
Scroll Snap Axis: the <span class=property data-link-type=propdesc title=scroll-snap-axis-x>scroll-snap-axis-x</span> and <span class=property data-link-type=propdesc title=scroll-snap-axis-y>scroll-snap-axis-y</span> properties</a><li><a href=#scroll-snap-coordinate><span class=secno>7</span>
117+
Scroll Snap Coordinate: the <span class=property data-link-type=propdesc title=scroll-snap-coordinate-x>scroll-snap-coordinate-x</span> and <span class=property data-link-type=propdesc title=scroll-snap-coordinate-y>scroll-snap-coordinate-y</span> properties</a><li><a href=#acknowledgments><span class=secno></span>
118118
Acknowledgments</a><li><a href=#conformance><span class=secno></span>
119119
Conformance</a><ul class=toc><li><a href=#conventions><span class=secno></span>
120120
Document conventions</a><li><a href=#conformance-classes><span class=secno></span>
@@ -134,42 +134,42 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=contents><span class
134134
<h2 class="heading settled heading" data-level=1 id=intro><span class=secno>1 </span><span class=content>
135135
Introduction</span><a class=self-link href=#intro></a></h2>
136136

137-
<p> <em>This section is not normative.</em>
137+
<em>This section is not normative.</em>
138138

139-
<p> Popular UX paradigms for scrollable content frequently employ pagination of content,
139+
Popular UX paradigms for scrollable content frequently employ paging through content,
140140
or sectioning into logical divisions.
141141
This is especially true for touch interactions
142142
where it is quicker and easier for users to quickly pan through a flatly-arranged breadth of content
143143
rather than delving into a heirarchical structure through tap navigation.
144-
For example, it is easier for a user view many photos in a photo album
144+
For example, it is easier for a user to view many photos in a photo album
145145
by panning through a photo slideshow view
146146
rather than tapping on individual photos in an album.
147147

148-
<p> However, given the imprecise nature of scrolling inputs
148+
However, given the imprecise nature of scrolling inputs
149149
like touch panning and mousewheel scrolling,
150150
it is difficult for web developers to guarantee a well-controlled scrolling experience,
151-
in particular creating the effect of pagination.
151+
in particular creating the effect of paging through content.
152152
For instance, it is easy for a user to land at an awkward scroll offset
153153
which leaves a page partially on-screen when panning.
154154

155-
<p> To this end, we introduce scroll snap points
155+
To this end, we introduce scroll snap points
156156
which enforce the scroll offsets that a scroll container may end at
157157
after a scrolling operation has completed.
158158

159159
<h3 class="heading settled heading" data-level=1.1 id=placement><span class=secno>1.1 </span><span class=content>
160160
Module interactions</span><a class=self-link href=#placement></a></h3>
161161

162-
<p> This module extends the scrolling user interface features defined in <a data-biblio-type=normative data-link-type=biblio href=#css21 title=css21>[CSS21]</a> section 11.1.
162+
This module extends the scrolling user interface features defined in <a data-biblio-type=normative data-link-type=biblio href=#css21 title=css21>[CSS21]</a> section 11.1.
163163

164-
<p> None of the properties in this module apply to the <span class=css data-link-type=maybe title=::first-line>::first-line</span> and <span class=css data-link-type=maybe title=::first-letter>::first-letter</span> pseudo-elements.
164+
None of the properties in this module apply to the <span class=css data-link-type=maybe title=::first-line>::first-line</span> and <span class=css data-link-type=maybe title=::first-letter>::first-letter</span> pseudo-elements.
165165

166166
<h3 class="heading settled heading" data-level=1.2 id=values><span class=secno>1.2 </span><span class=content>
167167
Values</span><a class=self-link href=#values></a></h3>
168168

169-
<p> This specification follows the
169+
This specification follows the
170170
<a href=http://www.w3.org/TR/CSS21/about.html#property-defs>CSS property
171171
definition conventions</a> from <a data-biblio-type=normative data-link-type=biblio href=#css21 title=css21>[CSS21]</a>. Value types not defined in
172-
this specification are defined in CSS Level 2 Revision 1 <a data-biblio-type=normative data-link-type=biblio href=#css21 title=css21>[CSS21]</a>.
172+
this specification are defined in CSS Level 2 Revision 1 <a data-biblio-type=normative data-link-type=biblio href=#css21 title=css21>[CSS21]</a>.
173173
Other CSS modules may expand the definitions of these value types: for
174174
example <a data-biblio-type=informative data-link-type=biblio href=#css3val title=css3val>[CSS3VAL]</a>, when combined with this module, expands the
175175
definition of the <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a> value type as used in this specification.
@@ -281,7 +281,7 @@ <h2 class="heading settled heading" data-level=3 id=definitions><span class=secn
281281
<h2 class="heading settled heading" data-level=4 id=scroll-snap-type><span class=secno>4 </span><span class=content>
282282
Scroll Snap Types: the <a class=property data-link-type=propdesc href=#propdef-scroll-snap-type title=scroll-snap-type>scroll-snap-type</a> property</span><a class=self-link href=#scroll-snap-type></a></h2>
283283

284-
<p> The <span class=css data-link-type=maybe title=scroll-snap-type>scroll-snap-type</span> property is used to define the physics characteristics of panning and scrolling, if any. It defines how and when snap points are enforced on the scroll container it is applied to.
284+
The <span class=css data-link-type=maybe title=scroll-snap-type>scroll-snap-type</span> property is used to define the physics characteristics of panning and scrolling, if any. It defines how and when snap points are enforced on the scroll container it is applied to.
285285

286286
<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-scroll-snap-type>scroll-snap-type<a class=self-link href=#propdef-scroll-snap-type></a></dfn><tr><th>Value:<td>none | mandatory | proximity<tr><th>Initial:<td>none<tr><th>Applies to:<td><a data-link-type=dfn href=#scroll-container title="scroll containers">scroll containers</a><tr><th>Inherited:<td>no<tr><th>Media:<td>interactive<tr><th>Computed value:<td>specified value<tr><th>Percentages:<td>n/a<tr><th>Animatable:<td>no</table>
287287
<dl data-dfn-for=scroll-snap-type data-dfn-type=value>
@@ -301,7 +301,7 @@ <h2 class="heading settled heading" data-level=4 id=scroll-snap-type><span class
301301
<h2 class="heading settled heading" data-level=5 id=scroll-snap-points><span class=secno>5 </span><span class=content>
302302
Scroll Snap Points: the <a class=property data-link-type=propdesc href=#propdef-scroll-snap-points-x title=scroll-snap-points-x>scroll-snap-points-x</a> and 'scroll-snap-points-y properties</span><a class=self-link href=#scroll-snap-points></a></h2>
303303

304-
<p> The <a class=property data-link-type=propdesc href=#propdef-scroll-snap-points-x title=scroll-snap-points-x>scroll-snap-points-x</a> and <a class=property data-link-type=propdesc href=#propdef-scroll-snap-points-y title=scroll-snap-points-y>scroll-snap-points-y</a> properties
304+
The <a class=property data-link-type=propdesc href=#propdef-scroll-snap-points-x title=scroll-snap-points-x>scroll-snap-points-x</a> and <a class=property data-link-type=propdesc href=#propdef-scroll-snap-points-y title=scroll-snap-points-y>scroll-snap-points-y</a> properties
305305
are used to define the positioning of snap points
306306
within the content of the <a data-link-type=dfn href=#scroll-container title="scroll container">scroll container</a> they are applied to,
307307
or to declare the scroll container as snapping to elements.
@@ -323,15 +323,15 @@ <h2 class="heading settled heading" data-level=5 id=scroll-snap-points><span cla
323323
<dd>
324324
Declares that the snap points for this scroll container
325325
will be determined by the elements contained within.
326-
In particular, by the combination of the elements' positions in layout
326+
In particular, by the combination of the element boxes' positions in layout
327327
and their corresponding scroll-snap-coordinate properties,
328328
in conjunction with this element’s scroll-snap-axis property.
329329
</dl>
330330

331331
<h2 class="heading settled heading" data-level=6 id=scroll-snap-axis><span class=secno>6 </span><span class=content>
332-
Scroll Snap Axis: the <a class=property data-link-type=propdesc href=#propdef-scroll-snap-axis-x title=scroll-snap-axis-x>scroll-snap-axis-x</a> and 'scroll-snap-axis-y properties</span><a class=self-link href=#scroll-snap-axis></a></h2>
332+
Scroll Snap Axis: the <a class=property data-link-type=propdesc href=#propdef-scroll-snap-axis-x title=scroll-snap-axis-x>scroll-snap-axis-x</a> and <a class=property data-link-type=propdesc href=#propdef-scroll-snap-axis-y title=scroll-snap-axis-y>scroll-snap-axis-y</a> properties</span><a class=self-link href=#scroll-snap-axis></a></h2>
333333

334-
<p> The <a class=property data-link-type=propdesc href=#propdef-scroll-snap-axis-x title=scroll-snap-axis-x>scroll-snap-axis-x</a> and <a class=property data-link-type=propdesc href=#propdef-scroll-snap-axis-y title=scroll-snap-axis-y>scroll-snap-axis-y</a> properties are used to define the x and y coordinate within the <a data-link-type=dfn href=#scroll-container title="scroll container">scroll container</a>
334+
The <a class=property data-link-type=propdesc href=#propdef-scroll-snap-axis-x title=scroll-snap-axis-x>scroll-snap-axis-x</a> and <a class=property data-link-type=propdesc href=#propdef-scroll-snap-axis-y title=scroll-snap-axis-y>scroll-snap-axis-y</a> properties are used to define the x and y coordinate within the <a data-link-type=dfn href=#scroll-container title="scroll container">scroll container</a>
335335
which element snap points will align with
336336
when the <a class=css data-link-type=maybe href=#valuedef-elements title=elements>elements</a> value is used for the <a class=property data-link-type=propdesc title=scroll-snap-points-*>scroll-snap-points-*</a> property of the respective axis.
337337

@@ -343,10 +343,9 @@ <h2 class="heading settled heading" data-level=6 id=scroll-snap-axis><span class
343343
</dl>
344344

345345
<h2 class="heading settled heading" data-level=7 id=scroll-snap-coordinate><span class=secno>7 </span><span class=content>
346-
Scroll Snap Coordinate: the <a class=property data-link-type=propdesc href=#propdef-scroll-snap-coordinate-x title=scroll-snap-coordinate-x>scroll-snap-coordinate-x</a> and 'scroll-snap-coordinate-y properties</span><a class=self-link href=#scroll-snap-coordinate></a></h2>
346+
Scroll Snap Coordinate: the <a class=property data-link-type=propdesc href=#propdef-scroll-snap-coordinate-x title=scroll-snap-coordinate-x>scroll-snap-coordinate-x</a> and <a class=property data-link-type=propdesc href=#propdef-scroll-snap-coordinate-y title=scroll-snap-coordinate-y>scroll-snap-coordinate-y</a> properties</span><a class=self-link href=#scroll-snap-coordinate></a></h2>
347347

348-
<p> The 'scroll-s,
349-
"autonap-coordinate-x' and <a class=property data-link-type=propdesc href=#propdef-scroll-snap-coordinate-y title=scroll-snap-coordinate-y>scroll-snap-coordinate-y</a> properties
348+
The <a class=property data-link-type=propdesc href=#propdef-scroll-snap-coordinate-x title=scroll-snap-coordinate-x>scroll-snap-coordinate-x</a> and <a class=property data-link-type=propdesc href=#propdef-scroll-snap-coordinate-y title=scroll-snap-coordinate-y>scroll-snap-coordinate-y</a> properties
350349
are used to define the x and y coordinate within the element
351350
which will align with the nearest ancestor <a data-link-type=dfn href=#scroll-container title="scroll container’s">scroll container’s</a> snap-axis
352351
when the <a class=css data-link-type=maybe href=#valuedef-elements title=elements>elements</a> value is used for the <a class=property data-link-type=propdesc title=scroll-snap-points-*>scroll-snap-points-*</a> property
@@ -363,7 +362,7 @@ <h2 class="heading settled heading" data-level=7 id=scroll-snap-coordinate><span
363362
<h2 class="no-num heading settled heading" id=acknowledgments><span class=content>
364363
Acknowledgments</span><a class=self-link href=#acknowledgments></a></h2>
365364

366-
<p> Many thanks to lots of people for their proposals and recommendations, some of which are incorporated into this document.
365+
Many thanks to lots of people for their proposals and recommendations, some of which are incorporated into this document.
367366

368367
<h2 class="no-ref no-num heading settled heading" id=conformance><span class=content>
369368
Conformance</span><a class=self-link href=#conformance></a></h2>

css-snappoints/Overview.src.html

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ <h1>CSS Scroll Snap Points Module Level 1</h1>
88
ED: http://dev.w3.org/csswg/css-snappoints/
99
Editor: Matt Rakow, Microsoft
1010
Editor: Jacob Rossi, Microsoft
11-
Abstract: This module contains features to control panning and scrolling behavior with snap points.
11+
Abstract: This module contains features to control panning and scrolling behavior with "snap points".
1212
!Issue Tracking: <a href="http://wiki.csswg.org/spec/css-snappoints">http://wiki.csswg.org/spec/css-snappoints</a>
1313
Ignored Terms: scroll-snap-points-*
1414
</pre>
@@ -18,19 +18,19 @@ <h2 id="intro">
1818

1919
<em>This section is not normative.</em>
2020

21-
Popular UX paradigms for scrollable content frequently employ pagination of content,
21+
Popular UX paradigms for scrollable content frequently employ paging through content,
2222
or sectioning into logical divisions.
2323
This is especially true for touch interactions
2424
where it is quicker and easier for users to quickly pan through a flatly-arranged breadth of content
2525
rather than delving into a heirarchical structure through tap navigation.
26-
For example, it is easier for a user view many photos in a photo album
26+
For example, it is easier for a user to view many photos in a photo album
2727
by panning through a photo slideshow view
2828
rather than tapping on individual photos in an album.
2929

3030
However, given the imprecise nature of scrolling inputs
3131
like touch panning and mousewheel scrolling,
3232
it is difficult for web developers to guarantee a well-controlled scrolling experience,
33-
in particular creating the effect of pagination.
33+
in particular creating the effect of paging through content.
3434
For instance, it is easy for a user to land at an awkward scroll offset
3535
which leaves a page partially on-screen when panning.
3636

@@ -51,7 +51,7 @@ <h3 id="values">
5151
This specification follows the
5252
<a href="http://www.w3.org/TR/CSS21/about.html#property-defs">CSS property
5353
definition conventions</a> from [[!CSS21]]. Value types not defined in
54-
this specification are defined in CSS Level 2 Revision 1 [[!CSS21]].
54+
this specification are defined in CSS Level 2 Revision 1 [[!CSS21]].
5555
Other CSS modules may expand the definitions of these value types: for
5656
example [[CSS3VAL]], when combined with this module, expands the
5757
definition of the <<length>> value type as used in this specification.
@@ -235,13 +235,13 @@ <h2 id="scroll-snap-points">
235235
<dd>
236236
Declares that the snap points for this scroll container
237237
will be determined by the elements contained within.
238-
In particular, by the combination of the elements' positions in layout
238+
In particular, by the combination of the element boxes' positions in layout
239239
and their corresponding scroll-snap-coordinate properties,
240240
in conjunction with this element's scroll-snap-axis property.
241241
</dl>
242242

243243
<h2 id="scroll-snap-axis">
244-
Scroll Snap Axis: the 'scroll-snap-axis-x' and 'scroll-snap-axis-y properties</h2>
244+
Scroll Snap Axis: the 'scroll-snap-axis-x' and 'scroll-snap-axis-y' properties</h2>
245245

246246
The 'scroll-snap-axis-x' and 'scroll-snap-axis-y' properties are used to define the x and y coordinate within the <a>scroll container</a>
247247
which element snap points will align with
@@ -266,10 +266,9 @@ <h2 id="scroll-snap-axis">
266266
</dl>
267267

268268
<h2 id="scroll-snap-coordinate">
269-
Scroll Snap Coordinate: the 'scroll-snap-coordinate-x' and 'scroll-snap-coordinate-y properties</h2>
269+
Scroll Snap Coordinate: the 'scroll-snap-coordinate-x' and 'scroll-snap-coordinate-y' properties</h2>
270270

271-
The 'scroll-s,
272-
"autonap-coordinate-x' and 'scroll-snap-coordinate-y' properties
271+
The 'scroll-snap-coordinate-x' and 'scroll-snap-coordinate-y' properties
273272
are used to define the x and y coordinate within the element
274273
which will align with the nearest ancestor <a>scroll container's</a> snap-axis
275274
when the ''elements'' value is used for the 'scroll-snap-points-*' property

0 commit comments

Comments
 (0)