Browse Source

docs : copy edits

pull/14/head
David DeSandro 14 years ago
parent
commit
ebda5d9531
  1. 2
      _posts/docs/2010-12-06-filtering.mdown
  2. 7
      _posts/docs/2010-12-07-sorting.mdown
  3. 14
      _posts/docs/2010-12-11-troubleshooting.mdown

2
_posts/docs/2010-12-06-filtering.mdown

@ -17,7 +17,7 @@ Each item element has several identifying classes. In this case, `transition`, `
{% highlight html %}
<div id="container" class="iso-container">
<div id="container">
<div class="element transition metal">...</div>
<div class="element post-transition metal">...</div>
<div class="element alkali metal">...</div>

7
_posts/docs/2010-12-07-sorting.mdown

@ -7,14 +7,13 @@ related: sorting
---
Isotope can rearrange item elements via sorting.
Collect data from item element and rearrange their order in the layout with sorting.
[**See Demo: Sorting**](../demos/sorting.html)
## Markup
In our example, each item element has several data points that can be used for sorting. There's the elemental symbol, number, name of the element, weight, and category.
Any group of similar items have their own data. It could be a text value, like a title or tag, or a numerical value, like a measurement or grade. For our example, each item element has several data points that can be used for sorting. There's the elemental symbol, number, name of the element, weight, and category.
{% highlight html %}
@ -121,7 +120,7 @@ There is an additional sorting data built in to Isotope `'original-order'`. Sort
## sortAscending
By default, Isotope sorts data in ascension. If our data for name is "Gold, Antimony, Lead, Iron, Silver", when sorted by name, the elements will be ordered ABC.. : "Antimony, Gold, Iron, Lead, Silver." To reverse the order and sort data in descension, set the `sortAscending` option to `false`.
By default, Isotope sorts data in ascension. If our data for name is "Gold, Antimony, Lead, Iron, Silver", when sorted by name, the elements will be ordered ABC.. : "Antimony, Gold, Iron, Lead, Silver." To reverse the order and sort data in descension, set `sortAscending` to `false`.
{% highlight javascript %}

14
_posts/docs/2010-12-11-troubleshooting.mdown

@ -7,13 +7,13 @@ related: z-etc
---
## Unloaded Content
## Unloaded media
Most layout modes (i.e masonry, fitRows) need to measure the size of each item to appropriately account for its space in the layout. Unloaded content like images and @font-face fonts can throw off layout and cause item elements to overlap one another. Ideally, Isotope layouts should be initialized after all inner content has loaded.
Most layout modes (i.e masonry, fitRows) need to measure the size of each item to appropriately account for its space in the layout. Unloaded media files like images and @font-face fonts can throw off layout and cause item elements to overlap one another. Ideally, Isotope layouts should be initialized after all inner content has loaded.
### Images
## Images
#### Inline dimensions
### Inline dimensions
For images, the best method is to specify the width and height of images inline.
@ -25,7 +25,7 @@ For images, the best method is to specify the width and height of images inline.
If you’re using a PHP-based CMS, you can use the [getimagesize](http://php.net/manual/en/function.getimagesize.php) function.
#### imagesLoaded plugin
### imagesLoaded plugin
The next best solution is to use the imagesLoaded plugin included with Isotope. It's a fork of [Paul Irish's plugin](https://gist.github.com/268257) that finds all the images in a context, and fires a callback function once all the images have loaded.
@ -39,7 +39,7 @@ $('#container').imagesLoaded( function(){
{% endhighlight %}
#### `$(window).load()`
### `$(window).load()`
Another solution is to initialize Isotope inside `$(window).load()` instead of `$(document).ready()`.
@ -53,7 +53,7 @@ $(window).load(function(){
{% endhighlight %}
### @font-face fonts
## @font-face fonts
Both Typekit and Google WebFont Loader provide font events to control scripts based on how fonts are loaded.

Loading…
Cancel
Save