masonry-filtering/readme.txt at master · narinder9/masonry-filtering · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
=== Descript
Masonry extension,it helps masonry filter items in the container.The sorting functionality can also be added very easily.

== How to use
$('.projects').filteredMasonry({
       itemSelector: '.project-item',
       gutterWidth:  5,
       filtersGroupSelector:'.filters'
});

== What does the HTML look like

<section class="filters">
    <a class="icon-th" data-filter="*">all</a>
    <a class="icon-th-list" data-filter=".opensource">open source</a>
</section>
<section class="projects">
  <div class="project-item opensource">
    <div>blah,blah</div>
  </div>
  <div class="project-item">
      <div>blah,blah</div>
 </div>
 <div class="project-item">
       <div>blah,blah</div>
 </div>
</section>