Recentemente ho scoperto i plugin JQuery Masonry e Isotope . Sembrano funzionalmente quasi identici ed entrambi sembrano avere lo stesso autore. L'unica differenza evidente che posso vedere è la licenza.
Quali sono le principali differenze tra questi due in termini di funzionalità? Perché dovresti usarne uno sull'altro?
Risposte:
Un estratto dall'intervista all'autore:
Ad alcune persone Isotope sarebbe molto simile al lavoro che avevate fatto in precedenza con Masonry; puoi spiegare le principali differenze tra i due?
L'isotopo ha diverse caratteristiche che mancano alla massoneria. La massoneria fa essenzialmente una cosa, posizionando gli elementi dell'oggetto in una disposizione a cascata. Isotope ha la logica di layout di Masonry incorporata, ma in aggiunta, ha anche diverse altre modalità di layout che possono essere utilizzate per posizionare dinamicamente gli elementi. Puoi persino sviluppare la tua modalità di layout personalizzata.
Come ho già detto, ha funzionalità di filtraggio e ordinamento integrate. Filtrare gli elementi è facile come passare un selettore jQuery:
$('#container').isotope({ filter: '.my-selector' });Isotope sfrutta le migliori funzionalità del browser disponibili. Invece di utilizzare il tipico posizionamento degli stili a sinistra / in alto, Isotope adotta un approccio di miglioramento progressivo e utilizza trasformazioni CSS se supportate dal browser. Ciò fornisce prestazioni di alto livello per i browser di prima qualità. Con l'accelerazione hardware in atto, le animazioni appaiono fluide come la seta sui browser WebKit e anche sui dispositivi meno potenti che utilizzano iOS. Le trasformazioni CSS funzionano meglio con le transizioni CSS, di cui parlerò più avanti.
Un'altra differenza è la licenza, come ha sottolineato @AminAriana. La muratura è sotto la licenza MIT , ma Isotope è gratuito solo per uso personale .
Puoi acquistare (25 $) la licenza commerciale dell'isotopo su questa pagina .
PrimosK ha praticamente risposto alla tua domanda, ma volevo solo intervenire ...
Isotope è un fantastico plugin jQuery. L'ho usato con successo su più siti.
Una delle cose che mi piace di più di Isotope è la sua personalizzazione. È ben documentato e può fare quasi tutto ciò che puoi pensare come estenderlo con scorrimento infinito e utilizzare modalità di layout personalizzate.