[解決済み] IsotopeとMasonryのjQueryプラグインの違いについて [終了しました]
質問
最近発見した 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$) アイソトープ商用ライセンス で このページ .
関連
-
[解決済み] console.dirとconsole.logの違いは何ですか?
-
[解決済み] let "と "var "の使い分けは?
-
[解決済み] callとapplyの違いは何ですか?
-
[解決済み] Bowerとnpmの違いは何ですか?
-
[解決済み] Object.create()とnew SomeFunction()の違いを理解する
-
[解決済み】(function($) {})(jQuery);ってどういう意味?
-
[解決済み】application/x-javascriptとtext/javascriptのコンテンツタイプの違いについて
-
[解決済み] Chart.jsを使ってドーナツチャートの中にテキストを追加するには?
-
[解決済み] AngularJS - ngRepeatフィルタリングされた結果の参照を取得する方法
-
[解決済み] JavaScript のオブジェクトの配列を比較し、最小値/最大値を取得する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] JavaScript で範囲を作成する - 奇妙な構文
-
[解決済み] なぜJavaScriptでは!{}[true]がtrueに評価されるのですか?
-
[解決済み] JavaScriptで文字列を数値に変換する最速の方法は何ですか?
-
[解決済み] jQueryの$という記号の意味は何ですか?
-
[解決済み] JavaScript のオブジェクトの配列を比較し、最小値/最大値を取得する
-
[解決済み] TypeScriptプロジェクトで既存のC#クラス定義を再利用する方法
-
[解決済み] AJAX Mailchimp サインアップフォームの統合
-
[解決済み] <ng-content>が空かどうかを確認する方法は?(これまでのAngular 2+で)
-
[解決済み] querySelectorAllがない場合、ライブラリを使用せずに属性で要素を取得する?
-
[解決済み] これは純関数ですか?