Perbedaan antara plugin jQuery Isotop dan Masonry [ditutup]

95

Saya baru-baru ini menemukan plugin Masonry dan Isotop JQuery. Mereka tampaknya secara fungsional hampir identik dan keduanya tampaknya memiliki penulis yang sama. Satu-satunya perbedaan nyata yang bisa saya lihat adalah lisensinya.

Apa perbedaan utama antara keduanya dalam hal fungsionalitas? Mengapa Anda menggunakan salah satunya?

Dónal
sumber

Jawaban:

136

Kutipan dari wawancara dengan penulis:

Bagi sebagian orang, Isotop akan terlihat sangat mirip dengan pekerjaan yang Anda lakukan sebelumnya dengan Masonry; dapatkah Anda menjelaskan perbedaan utama di antara keduanya?

Isotop memiliki beberapa fitur yang tidak dimiliki Masonry. Masonry pada dasarnya melakukan satu hal, menempatkan elemen item dalam pengaturan bertingkat. Isotop memiliki logika tata letak Masonry bawaan, tetapi selain itu, ia juga memiliki beberapa mode tata letak lain yang dapat digunakan untuk memposisikan elemen secara dinamis. Anda bahkan dapat mengembangkan mode tata letak khusus Anda sendiri.

Seperti yang telah saya sebutkan, ini memiliki fungsi pemfilteran dan penyortiran bawaan. Memfilter item semudah meneruskan selektor jQuery:

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

Isotope memanfaatkan fitur browser terbaik yang ada. Alih-alih menggunakan pemosisian gaya kiri / atas yang khas, Isotop mengambil pendekatan peningkatan progresif dan menggunakan transformasi CSS jika didukung oleh browser. Ini memberikan kinerja terbaik untuk browser terkemuka. Dengan akselerasi perangkat keras, animasi terlihat sangat mulus di browser WebKit, dan bahkan perangkat yang kurang kuat yang menggunakan iOS. Transformasi CSS bekerja lebih baik dengan transisi CSS, yang akan saya bahas nanti.

Perbedaan lainnya adalah lisensi seperti yang ditunjukkan @AminAriana. Masonry berada di bawah lisensi MIT , tetapi Isotop hanya gratis untuk penggunaan pribadi .

Anda dapat membeli ($ 25) lisensi komersial Isotop di halaman ini .

PrimosK
sumber
19
Harap salin-tempel teks yang relevan dari halaman web ke dalam jawaban Anda (sebagai kutipan). Tautan mungkin mati (sementara atau permanen), yang akan membuat jawaban Anda tidak berguna.
Šime Vidas
11
Selain itu, seperti yang Anda singgung di pertanyaan, Anda harus memperhatikan persyaratan Lisensi. Masonry berada di bawah lisensi MIT, tetapi Isotop hanya gratis untuk penggunaan pribadi. Orang yang membaca jawabannya mungkin mengabaikan ini, jadi saya menunjukkannya secara eksplisit.
Amin Ariana
4
namun banyak penulis di Themeforest menggunakan isotop meskipun memiliki lisensi.
Jürgen Paul
Pengingat: beberapa orang menganggap opsi membayar sebagai hal yang baik :) Ini meningkatkan kemungkinan bahwa proyek akan terus diperbarui.
Hugo
2

PrimosK cukup banyak menjawab pertanyaan Anda, tapi saya hanya ingin ikut campur ...

Isotope adalah plugin jQuery yang luar biasa. Saya telah berhasil menggunakannya di banyak situs.

Salah satu hal yang paling saya sukai tentang Isotop adalah seberapa dapat disesuaikan itu. Ini didokumentasikan dengan baik dan dapat melakukan hampir semua hal yang dapat Anda pikirkan seperti memperluasnya dengan gulir tanpa batas dan menggunakan mode tata letak khusus.

Ahrengot
sumber