web-dev-qa-db-ja.com

IsotopeとMasonry jQueryプラグインの違い

最近、 石積み および 同位体 JQueryプラグインを発見しました。機能的にはほぼ同一であるように見え、どちらも同じ著者を持っているように見えます。私が見ることができる唯一の明らかな違いは、ライセンスです。

これら2つの機能の主な違いは何ですか?なぜあなたは他の上に1つを使用するのですか?

93
Dónal

著者とのインタビューからの抜粋:

一部の人にとって、アイソトープは、以前にMasonryで行った作業と非常によく似ています。 2つの主な違いを説明できますか?

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

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

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

Isotopeは、最高のブラウザ機能を活用しています。通常の左/上のスタイルの配置を使用する代わりに、Isotopeはプログレッシブエンハンスメントアプローチを採用し、ブラウザーでサポートされている場合はCSS変換を使用します。これにより、最高級のブラウザに最高のパフォーマンスが提供されます。ハードウェアアクセラレーションが開始されると、WebKitブラウザーでアニメーションが滑らかに滑らかになり、iOSを使用するデバイスの性能が低下します。 CSS変換は、CSSトランジションを使用するとパフォーマンスが向上します。これについては後で説明します。

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

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

134
PrimosK

PrimosKはあなたの質問にほとんど答えましたが、私はただチャイムを鳴らしたかった...

Isotopeは素晴らしいjQueryプラグインです。複数のサイトで使用できました。

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

2
Ahrengot