Permalink
Browse files

v0.2 - Isotope integration, search icon bug fix

  • Loading branch information...
luis-almeida committed Apr 4, 2012
1 parent 6f01091 commit 7cec3a060afd38c5a53d97884dd26b84e874952d
Showing with 268 additions and 8 deletions.
  1. +14 −6 README.md
  2. +1 −0 css/filtrify.css
  3. +220 −0 isotope.html
  4. +12 −2 js/filtrify.js
  5. +10 −0 js/filtrify.min.js
  6. +11 −0 js/jquery.isotope.min.js
View
@@ -8,9 +8,9 @@ Advanced because you can search tags within tags and filter items by multiple ta
### How?
-Filtrify makes use of the new HTML5 "data" attribute to store the metadata.
-All you have to do is for each item in your list, include a "data" attribute with the respective tags (metadata). If you have more than one category of tags, include them in another "data" attribute. You can add as much categories of tags as you need.
-Filtrify will then go through all the data attributes you included in your items and it will create a search menu with as many fields as the different number of categories (data-attributes) you provided. Each field label in the menu fires a "popup" filtering panel and there's where all the magic happens.
+Filtrify makes use of the new HTML5 "data" attribute to store the metadata.
+All you have to do is include a "data" attribute for each item in your list with the respective tags (metadata). If you have more than one category of tags, include them in another "data" attribute. You can add as much categories of tags as you need.
+Filtrify will then go through all the data attributes you included in your items and it will create a search menu with as many fields as the different number of categories (data-attributes) you provided. Each field label in the menu fires a "popup" filtering panel and there's where all the magic happens.
The plugin instanciation is very simple, you just have to pass a "containerID" and a "placeHolderID" which is the ID of the element where you want to place the menu.
Visit filtrify [project page](http://luis-almeida.github.com/filtrify/) to read the documentation.
@@ -33,13 +33,21 @@ Visit filtrify [project page](http://luis-almeida.github.com/filtrify/) to read
#### Browser compatibility (tested):
-IE7 (buggy);
+IE7 (buggy)
IE8+, Chrome, Firefox, Opera and Safari (current versions)
#### Release log:
-Bug fix: 1px jump when toggling the filter - v0.1.1 (01.04.2012)
-First release - v0.1 (22.03.2012)
+
+v0.2 (04.04.2012)
+- Isotope integration demo added
+- Bug fix: search icon disappearance issue in the "jPages" demo
+
+v0.1.1 (01.04.2012)
+- Bug fix: 1px jump when toggling the filter
+
+v0.1 (22.03.2012)
+- First release
View
@@ -159,6 +159,7 @@ ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search:before {
font: normal normal 12px "FiltrifyRegular";
content: "s";
position: absolute;
+ width: 20px;
bottom: 15px;
left: 18px;
color: #BBB;
View

Large diffs are not rendered by default.

Oops, something went wrong.
View
@@ -1,12 +1,22 @@
+/**
+ * jQuery Filtrify v0.2
+ * Beautiful advanced tag filtering with HTML5 and jQuery
+ * http://luis-almeida.github.com/filtrify
+ *
+ * Licensed under the MIT license.
+ * Copyright 2012 Luís Almeida
+ * https://github.com/luis-almeida
+ */
+
;(function ( $, window, document, undefined ) {
var defaults = {
noresults : "No results match",
hide : true,
block : [],
close : false,
- query : undefined, // { field1 : [tags] } }
- callback : undefined // function ( query, match, mismatch ) {}
+ query : undefined, // { category : [tags] } }
+ callback : undefined // function ( query, match, mismatch ) {}
};
function Filtrify( containerID, placeholderID, options ) {
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
Oops, something went wrong.

0 comments on commit 7cec3a0

Please sign in to comment.