Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>An excerpt from the interview with the author:</p> <blockquote> <p><strong>To some people Isotope would look very similar to the work you had previously done with Masonry; can you explain the main differences between the two?</strong></p> <p>Isotope has several features that Masonry lacks. Masonry essentially does one thing, placing item elements in a cascading arrangement. Isotope has Masonry’s layout logic built in, but in addition, it also has several other layout modes that can be used to dynamically position elements. You can even develop your own custom layout mode.</p> <p>As I’ve mentioned, it has filtering and sorting functionality built in. Filtering items is as easy as passing in a jQuery selector:</p> <p><code>$('#container').isotope({ filter: '.my-selector' });</code></p> <p>Isotope takes advantage of the best browser features out there. Instead of using typical left/top styles positioning, Isotope takes a progressive enhancement approach and uses CSS transforms if supported by the browser. This provides for top-notch performance for top-notch browsers. With hardware acceleration kicking in, animations look silky smooth on WebKit browsers, and even less-powerful devices using iOS. CSS transforms perform better with CSS transitions, which I’ll discuss later.</p> </blockquote> <p>Another difference is license as @AminAriana pointed out. <strong>Masonry</strong> is under the <strong>MIT license</strong>, but <strong>Isotope</strong> is only <strong>free for personal use</strong>.</p> <p>You can buy (25$) <a href="http://isotope.metafizzy.co/docs/license.html#isotope_commercial_license_agreement">Isotope commercial license</a> on <a href="http://metafizzy.co/#isotope-license">this page</a>.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload