Permalink
Browse files

Spell checking o_O

  • Loading branch information...
1 parent 83b2f52 commit a44e1e8b4f96ab6c021dc5913376fda84c321af5 @tjvantoll tjvantoll committed Feb 17, 2013
@@ -7,7 +7,7 @@
<p>This can be used to choose previously selected values, such as entering tags for articles or entering email addresses from an address book. Autocomplete can also be used to populate associated information, such as entering a city name and getting the zip code.</p>
- <p>You can pull data in from a local or remote source: Local is good for small data sets, e.g., an address book with 50 entries; remote is necessary for big data sets, such as a database with hundreds or millions of entries to select from. To find out more about customizing the data soure, see the documentation for the <a href="#option-source"><code>source</code></a> option.</p>
+ <p>You can pull data in from a local or remote source: Local is good for small data sets, e.g., an address book with 50 entries; remote is necessary for big data sets, such as a database with hundreds or millions of entries to select from. To find out more about customizing the data source, see the documentation for the <a href="#option-source"><code>source</code></a> option.</p>
<h3>Keyboard interaction</h3>
View
@@ -3,9 +3,9 @@
<title>Button Widget</title>
<desc>Themable buttons and button sets.</desc>
<longdesc>
- <p>Button enhances standard form elements like buttons, inputs and anchors to themable buttons with appropiate hover and active styles.</p>
+ <p>Button enhances standard form elements like buttons, inputs and anchors to themeable buttons with appropriate hover and active styles.</p>
- <p>In addition to basic push buttons, radio buttons and checkboxes (inputs of type radio and checkbox) can be converted to buttons. Their associated label is styled to appear as the button, while the underlying input is updated on click. For the association to work properly, give the input an <code>id</code> attribute, and refer to that in the label's <code>for</code> attribute. Don't nest the input inside the label, as that <a href="http://www.paciellogroup.com/blog/2011/07/html5-accessibility-chops-form-control-labeling/">causes accessbility problems</a>.</p>
+ <p>In addition to basic push buttons, radio buttons and checkboxes (inputs of type radio and checkbox) can be converted to buttons. Their associated label is styled to appear as the button, while the underlying input is updated on click. For the association to work properly, give the input an <code>id</code> attribute, and refer to that in the label's <code>for</code> attribute. Don't nest the input inside the label, as that <a href="http://www.paciellogroup.com/blog/2011/07/html5-accessibility-chops-form-control-labeling/">causes accessibility problems</a>.</p>
<p>In order to group radio buttons, Button also provides an additional widget, called Buttonset. Buttonset is used by selecting a container element (which contains the radio buttons) and calling <code>.buttonset()</code>. Buttonset will also provide visual grouping, and therefore should be used whenever you have a group of buttons. It works by selecting all descendants and applying <code>.button()</code> to them. You can enable and disable a button set, which will enable and disable all contained buttons. Destroying a button set also calls each button's <code>destroy</code> method.</p>
View
@@ -78,7 +78,7 @@
<type name="String" />
</option>
<option name="draggable" default="true" example-value="false">
- <desc>If set to <code>true</code>, the dialog will be draggable by the title bar. Requires the <a href="/draggable/">jQuery UI Draggable wiget</a> to be included.</desc>
+ <desc>If set to <code>true</code>, the dialog will be draggable by the title bar. Requires the <a href="/draggable/">jQuery UI Draggable widget</a> to be included.</desc>
<type name="Boolean" />
</option>
<option name="height" default='"auto"' example-value="400">
@@ -5,7 +5,7 @@
<signature/>
<desc>Selects elements which can be focused.</desc>
<longdesc>
- <p>Some elements are natively focusable, while others require explictly setting a tab index. In all cases, the element must be visible in order to be focusable.</p>
+ <p>Some elements are natively focusable, while others require explicitly setting a tab index. In all cases, the element must be visible in order to be focusable.</p>
<p>Elements of the following type are focusable if they are not disabled: <code>input</code>, <code>select</code>, <code>textarea</code>, <code>button</code>, and <code>object</code>. Anchors are focusable if they have an <code>href</code> or <code>tabindex</code> attribute. <code>area</code> elements are focusable if they are inside a named map, have an <code>href</code> attribute, and there is a visible image using the map. All other elements are focusable based solely on their <code>tabindex</code> attribute and visibility.</p>
@@ -11,7 +11,7 @@
<desc>The size of the fold in pixels.</desc>
</type>
<type name="String">
- <desc>A percentage of the element's dimention, e.g., <code>"50%"</code>.</desc>
+ <desc>A percentage of the element's dimension, e.g., <code>"50%"</code>.</desc>
</type>
</argument>
<argument name="horizFirst" type="Boolean" default="false">
@@ -205,7 +205,7 @@
<type name="String"/>
</argument>
<argument name="delay" type="Number" optional="true">
- <desc>The number of milliseconds to wait before invoking the function. Deafults to <code>0</code>.</desc>
+ <desc>The number of milliseconds to wait before invoking the function. Defaults to <code>0</code>.</desc>
</argument>
</method>
<method name="_hoverable">
@@ -7,7 +7,7 @@
<desc>The direction of the effect. Possible values: <code>"left"</code>, <code>"right"</code>, <code>"up"</code>, <code>"down"</code>.</desc>
</argument>
<argument name="distance" type="Number" default="element's outerWidth">
- <desc>The distance of the effect. Defaults to either the height or width of the elemenet depending on the <code>direction</code> argument. Can be set to any integer less than the width/height of the element.</desc>
+ <desc>The distance of the effect. Defaults to either the height or width of the element depending on the <code>direction</code> argument. Can be set to any integer less than the width/height of the element.</desc>
</argument>
</arguments>
<example>
View
@@ -42,7 +42,7 @@
<option name="range" default="false" example-value='true'>
<desc>Whether the slider represents a range.</desc>
<type name="Boolean">
- <desc>If set to <code>true</code>, the slider will detect if you have two handles and create a stylable range element between these two.</desc>
+ <desc>If set to <code>true</code>, the slider will detect if you have two handles and create a styleable range element between these two.</desc>
</type>
<type name="String">
<desc>Either <code>"min"</code> or <code>"max"</code>. A min range goes from the slider min to one handle. A max range goes from one handle to the slider max.</desc>
@@ -5,9 +5,9 @@
<signature/>
<desc>Selects elements which the user can focus via tabbing.</desc>
<longdesc>
- <p>Some elements are natively tabbable, while others require explictly setting a positive tab index. In all cases, the element must be visible in order to be tabbable.</p>
+ <p>Some elements are natively tabbable, while others require explicitly setting a positive tab index. In all cases, the element must be visible in order to be tabbable.</p>
- <p>Elements of the following type are tabbale if they do not have a negative tab index and are not disabled: <code>input</code>, <code>select</code>, <code>textarea</code>, <code>button</code>, and <code>object</code>. Anchors are focusable if they have an <code>href</code> or positive <code>tabindex</code> attribute. <code>area</code> elements are focusable if they are inside a named map, have an <code>href</code> attribute, and there is a visible image using the map. All other elements are tabbable based solely on their <code>tabindex</code> attribute and visibility.</p>
+ <p>Elements of the following type are tabbable if they do not have a negative tab index and are not disabled: <code>input</code>, <code>select</code>, <code>textarea</code>, <code>button</code>, and <code>object</code>. Anchors are focusable if they have an <code>href</code> or positive <code>tabindex</code> attribute. <code>area</code> elements are focusable if they are inside a named map, have an <code>href</code> attribute, and there is a visible image using the map. All other elements are tabbable based solely on their <code>tabindex</code> attribute and visibility.</p>
<p><em>Note: Elements with a negative tab index are <a href="/focusable-selector/"><code>:focusable</code></a>, but not <code>:tabbable</code>.</em></p>
</longdesc>
View
@@ -3,15 +3,15 @@
<title>Tooltip Widget</title>
<desc>Customizable, themeable tooltips, replacing native tooltips.</desc>
<longdesc>
- <p>Tooltip replaces native tooltips, making them themable as well as allowing various customizations:</p>
+ <p>Tooltip replaces native tooltips, making them themeable as well as allowing various customizations:</p>
<ul>
<li>Display other content than just the title, like inline footnotes or extra content retrieved via Ajax.</li>
<li>Customize the positioning, e.g., to center the tooltip above elements.</li>
<li>Add extra styling to customize the appearance, for warning or error fields.</li>
</ul>
- <p>A fade animation is used by default to show and hide the tooltip, making the appearance a bit more organic, compared to just toggling the visiblity. This can be customized with the <a href="#option-show"><code>show</code></a> and <a href="#option-hide"><code>hide</code></a> options.</p>
+ <p>A fade animation is used by default to show and hide the tooltip, making the appearance a bit more organic, compared to just toggling the visibility. This can be customized with the <a href="#option-show"><code>show</code></a> and <a href="#option-hide"><code>hide</code></a> options.</p>
<p>The <a href="#option-items"><code>items</code></a> and <a href="#option-content"><code>content</code></a> options need to stay in-sync. If you change one of them, you need to change the other.</p>
@@ -4,7 +4,7 @@
<desc>Transfers the outline of an element to another element</desc>
<longdesc>
<p>Very useful when trying to visualize interaction between two elements.</p>
- <p>The transfer element iself has the class <code>ui-effects-transfer</code>, and needs to be styled by you, for example by adding a background or border.</p>
+ <p>The transfer element itself has the class <code>ui-effects-transfer</code>, and needs to be styled by you, for example by adding a background or border.</p>
</longdesc>
<arguments>
<argument name="className" type="String">

0 comments on commit a44e1e8

Please sign in to comment.