Stack Filter by Maik Barz

Stack Filter

Stack Filter is a fancy list of stacks which can be tagged with keywords. The corresponding "Stack Filter Activator" will let you filter this list by setting up Stacks as clickable links. After clicking on an "Activator" the list is dynamically filtered by fancy animations. Try it out yourself in those two examples.

Stack Filter has been upgraded to Stack Filter 2. Please take a look here for the improved version

Screenshots

Examples

Live Example:
Take a look at my Stacks overview page, where you can filter all Stacks by category

Example with minimal design

Three switches to show all elements or to filter for elements with tag1 or tag3

Show all

Filter tag1

Filter tag3

Stack Filter elements:

Tag1

Content of tag1
Tag2

Content of tag2
Tag3

Content of tag3
Tag2

Content of tag2
Tag3

Content of tag3
Tag1

Content of tag1

Example with scale effect to filter for pictures with different kind of tags

Stack Filter elements:

2011 newyear

New years day
2012 newyear

New years day
holiday
animals
holiday
animals
animals holiday

Settings

All

Stack Filter

Stack Filter Activator

stackfilter
Stack Filter Parameter
Items: amount of list items which can be filtered
padding top/left: Padding between each list item
Unique identifier: each list of filterable items must have a unique id in order to allow two or more of these lists on one page
collapse (edit mode): You can collapse a list of many many items to have a better overview of the rest of your Stacks on the page
stackfilteractivator
Stack Filter Activator Parameter
Duration: time the effect will need to rearrange all items
Show tags: define which items with this tag shall be shown. Use the tags you can enter on each Stack of the list or the predefined word "all" to show all items
Stack Filter ID: Specify here the unique filter id of the "Filter Stack"
Scale effect: dis-/reappearing items are shown using a scale effect

Browser Compatibility

Safari
Chrome
Opera
Internet Explorer
Firefox

Buy

Stack Filter has been upgraded to Stack Filter 2. Please take a look here for the improved version

Downloads

Download Project File (An installed Stack-Filter Stack - not the demo Stack - is required!)

Please use these demo files - demo stack, demo project (works only with this demo stack file) to check if your Stacks work inside the Stack filter. Some Stacks with special events won't work because of problems with event handler bindings, so please check it out before you buy...