From c98140e1da58f89cd8cebacf2eb628e791eb4926 Mon Sep 17 00:00:00 2001 From: David DeSandro Date: Sun, 9 Jan 2011 20:48:24 -0500 Subject: [PATCH] docs - Intro revision --- _posts/docs/2010-12-01-introduction.mdown | 43 ++++++++--------------- css/style.css | 16 +++++++++ 2 files changed, 31 insertions(+), 28 deletions(-) diff --git a/_posts/docs/2010-12-01-introduction.mdown b/_posts/docs/2010-12-01-introduction.mdown index bc30428..79dfcae 100644 --- a/_posts/docs/2010-12-01-introduction.mdown +++ b/_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 +

Isotope: An exquisite jQuery plugin for magical layouts

## 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. +

+ Commercial use requires purchase of one-time license fee per developer seat. Commercial use includes any application that makes you money. This includes portfolio sites and premium templates. Commercial licenses may be purchased at metafizzy.co. +

-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 diff --git a/css/style.css b/css/style.css index fdb74c1..e190cf2 100644 --- a/css/style.css +++ b/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 ****/