Browse Source

docs - Intro revision

pull/14/head
David DeSandro 14 years ago
parent
commit
c98140e1da
  1. 43
      _posts/docs/2010-12-01-introduction.mdown
  2. 16
      css/style.css

43
_posts/docs/2010-12-01-introduction.mdown

@ -7,37 +7,23 @@ related: etc
---
Isotope is a layout, filtering, and sorting plugin for jQuery.
Top notch performance that can handle
<p class="tagline">Isotope: An exquisite jQuery plugin for magical layouts</p>
## Features
### Layout
Isotope enables intelligent, dynamic layouts for listed items. Layouts can be arranged in columns, rows, grids, or more complexly like [Masonry](http://desandro.com/resources/jquery-masonry).
### Filtering
Items can be hidden and shown easily just by using simple jQuery selectors.
### Sorting
These items can then be rearranged in their order via sorting. Sorting relies on any data held within an item.
### Interoperabilty
All functionality built into Isotope was designed to work together. You can sort AND filter AND modify the layout all in one plugin call.
### Progressive Enhancement
All these behaviors leverage animation to produce engaging interfaces. The best CSS transition and transform features are utilized when available.
+ **Layout modes**: Intelligent, dynamic layouts that can't be achieved with CSS alone.
+ **Filtering**: Hide and reveal item elements easily with jQuery selectors.
+ **Sorting**: Re-order item elements with sorting. Sorting data can be extracted from just about anything.
+ **Interoperabilty**: features can be utilized together for a cohesive experience.
+ **Progressive enhancement**: Isotope's engaging animations take advantage of the best CSS transition and transform features when available, but also fall back to Javascript animation for lesser browsers.
## License
**Commercial use requires purchase of one-time license fee per developer seat.** Commercial licenses may be purchased at [metafizzy.co](http://metafizzy.co). Non-commercial use is free.
<p id="commercial">
<strong>Commercial use requires purchase of one-time license fee per developer seat.</strong> Commercial use includes any application that makes you money. This includes portfolio sites and premium templates. Commercial licenses may be purchased at <a href="http://metafizzy.co">metafizzy.co</a>.
</p>
Commercial use generally includes any application that makes you money. This includes portfolio sites and premium templates.
Use in non-commercial and personal applications is free.
## Code repository
@ -45,9 +31,10 @@ Commercial use generally includes any application that makes you money. This inc
## Acknowledgments
+ [**Juriy Zaytsev aka "kangax"**](http://perfectionkills.com) for [getStyleProperty](http://perfectionkills.com/feature-testing-css-properties/) which is used within Isotope
+ [**Faruk Ateş**](http://farukat.es) and [**Paul Irish**](http://paul-irish.com) for [Modernizr](http://www.modernizr.com/)
+ [**Louis-Rémi Babé**](http://twitter.com/#!/Louis_Remi) for [jQuery smartresize](https://github.com/lrbabe/jquery-smartresize) which is used within Isotope and [jQuery transform](https://github.com/lrbabe/jquery.transform.js) which clued me in to using jQuery 1.4.3's CSS hooks
+ [Eric Hynds](http://www.erichynds.com/) for his article [Using $.widget.bridge Outside of the Widget Factory](http://www.erichynds.com/jquery/using-jquery-ui-widget-factory-bridge/) which provided the architecture for the plugin
+ [Ralph Holzmann](http://twitter.com/#!/ralphholzmann) for re-writing the [jQuery Plugins/Authoring tutorial](http://docs.jquery.com/Plugins/Authoring) and opened my eyes to [Plugin Methods](http://docs.jquery.com/Plugins/Authoring#Plugin_Methods) paradigm
+ [**Louis-Rémi Babé**](http://twitter.com/#!/Louis_Remi) for [jQuery smartresize](https://github.com/lrbabe/jquery-smartresize) which is used within Isotope and for [jQuery transform](https://github.com/lrbabe/jquery.transform.js) which clued me in to using jQuery 1.4.3's CSS hooks
+ [**Jacek Galanciak**](http://razorjack.net/) for [jQuery Quicksand](http://razorjack.net/quicksand/), an early kernel of inspiration
+ [**Ralph Holzmann**](http://twitter.com/#!/ralphholzmann) for re-writing the [jQuery Plugins/Authoring tutorial](http://docs.jquery.com/Plugins/Authoring) and opened my eyes to [Plugin Methods](http://docs.jquery.com/Plugins/Authoring#Plugin_Methods) pattern
+ [**Eric Hynds**](http://www.erichynds.com/) for his article [Using $.widget.bridge Outside of the Widget Factory](http://www.erichynds.com/jquery/using-jquery-ui-widget-factory-bridge/) which provided the architecture for the plugin
+ [**Juriy Zaytsev aka "kangax"**](http://perfectionkills.com) for [getStyleProperty](http://perfectionkills.com/feature-testing-css-properties/) which is used within Isotope

16
css/style.css

@ -482,7 +482,23 @@ h3#options {
border-left: 1px solid #222;
}
/* Tagline */
.doc .tagline {
font-size: 22px;
font-weight: 300;
}
/* Commercial license blurb */
.doc #commercial {
background: white;
padding: 10px;
font-size: 14px;
color: #1F1F1D;
}
.doc #commercial a { font-weight: bold;}
/**** Pygments ****/

Loading…
Cancel
Save