1. ホーム
  2. javascript

[解決済み] IsotopeとMasonryのjQueryプラグインの違いについて [終了しました]

2023-02-14 12:07:17

質問

最近発見した Masonry 同位体 というJQueryプラグインがあります。これらは機能的にはほとんど同じで、どちらも同じ作者であるように思われます。私が見ることができる唯一の明らかな違いは、ライセンスです。

機能面でこの2つの主な違いは何ですか?また、なぜどちらかを使うのでしょうか。

どのように解決するのですか?

著者とのインタビューからの抜粋です。

<ブロッククオート

Isotopeは、あなたが以前に手がけたMasonryの作品と非常によく似ているように見えますが、両者の主な違いについて説明してもらえますか? この2つの主な違いを説明していただけますか?

Isotopeには、Masonryに欠けている機能がいくつかあります。Masonry は本質的に は、アイテム要素をカスケード配列で配置するという 1 つのことを行うだけです。 Isotope は Masonry のレイアウトロジックを内蔵していますが、それ以外にも、いくつかのレイアウトモードがあります。 他にもいくつかのレイアウトモードがあり、動的に要素を配置することができます。 配置することができます。独自のカスタムレイアウトモードを開発することも可能です。

これまで述べてきたように、フィルタリングとソート機能を内蔵しています。 を内蔵しています。jQueryのセレクタを渡すだけで、簡単にフィルタリングができます。

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

Isotopeはブラウザの最高の機能を利用しています。 典型的な左/トップスタイルのポジショニングを使用する代わりに、Isotopeはプログレッシブエンハンスメントアプローチを採用しています。 プログレッシブ・エンハンスメント・アプローチを採用し、ブラウザがサポートしていればCSSトランスフォームを使用します。 を使用します。これにより、一流のブラウザに一流のパフォーマンスを提供します。 一流のブラウザーに一流のパフォーマンスを提供します。ハードウェアアクセラレーションを使用することで、WebKitブラウザではアニメーションが非常に滑らかに表示されます。 WebKitブラウザはもちろん、iOSのような非力なデバイスでも、アニメーションは絹のように滑らかです。 CSS Transform は CSS Transition よりも優れたパフォーマンスを発揮します(後述)。 後ほど説明します。

もう一つの違いは、@AminArianaさんが指摘されたようにライセンスです。 メーソンリー MIT ライセンスです。 ですが アイソトープ はあくまで 個人使用は無料 .

購入できます (25$) アイソトープ商用ライセンス このページ .