javascript - IsotopeプラグインとMasonryjQueryプラグインの違い

Question

最近、MasonryおよびIsotopeJQueryプラグインを発見しました。それらは機能的にほぼ同一であるように見え、両方とも同じ作者を持っているように見えます。私が見ることができる唯一の明らかな違いはライセンスです。

機能面でこれら2つの主な違いは何ですか？なぜあなたは一方を他方の上に使うのですか？

Answer 1

著者へのインタビューからの抜粋：

一部の人々にとって、アイソトープは、あなたが以前にメーソンリーで行った作業と非常によく似ているように見えるでしょう。2つの主な違いを説明できますか?

同位体には、メーソンリーにはないいくつかの機能があります。メーソンリーは基本的に 1 つのことを行い、アイテム要素をカスケード配置に配置します。Isotope には Masonry のレイアウト ロジックが組み込まれていますが、さらに、要素を動的に配置するために使用できる他のレイアウト モードもいくつかあります。独自のカスタム レイアウト モードを開発することもできます。

前述したように、フィルタリングと並べ替えの機能が組み込まれています。アイテムのフィルタリングは、jQuery セレクターを渡すのと同じくらい簡単です。

$('#container').isotope({ filter: '.my-selector' });

Isotope は、最高のブラウザ機能を利用しています。典型的な左/上スタイルの配置を使用する代わりに、Isotope はプログレッシブ エンハンスメント アプローチを採用し、ブラウザーでサポートされている場合は CSS 変換を使用します。これにより、一流のブラウザーに一流のパフォーマンスが提供されます。ハードウェア アクセラレーションが作動することで、アニメーションは WebKit ブラウザーや、iOS を使用するそれほど強力でないデバイスでもシルクのように滑らかに見えます。CSS 変換は、後で説明する CSS トランジションを使用するとパフォーマンスが向上します。

@AminArianaが指摘したように、もう1つの違いはライセンスです。MasonryはMIT ライセンスの下にありますが、Isotopeは個人使用のみ無料です。

このページで(25$) Isotope 商用ライセンスを購入できます。

Answer 2

PrimosK はあなたの質問にほとんど答えてくれましたが、私はただ意見を言いたかっただけです...

Isotope は素晴らしい jQuery プラグインです。私は複数のサイトでそれをうまく使用しました。

Isotope で私が最も気に入っている点の 1 つは、そのカスタマイズ性です。それは十分に文書化されており、無限スクロールで拡張したり、カスタムレイアウトモードを使用したりするなど、考えられるほとんどすべてのことができます.