MixItUp è un plugin jQuery che fornisce un ordinamento animato e filtrato degli elementi presenti in una pagina.
Arrivato alla versione 2.0, è ideale per la gestione di contenuti classificati od ordinati come portfolio, gallerie immagini e blog ma può funzionare anche come potente strumento per la visualizzazione dei dati in una User Interface alternativa di una applicazione.
MixItUp gioca piacevolmente con il codice HTML e CSS esistente e lo rende la scelta ideale per layout responsive.
Invece di utilizzare il posizionamento assoluto per controllare il layout, MixItUp è progettato per funzionare con layout inline-flow.
Il core di MixItUp permette:
- di filtrare ed ordinare elementi nel DOM con animazioni CSS3 ottimizzate
- costruire layout responsive basati su percentuali e media query
- il filtraggio, con controllo ed ordinamento, attraverso una semplice interfaccia cliccabile
- di costruire una complessa interfaccia utente personalizzata attraverso una API capillare
- di personalizzare le animazioni con le trasformazioni CSS3 e/o attraverso animazioni easing
- aggiungere e rimuovere elementi dal DOM in tempo reale tramite API ajax-friendly
- eseguire filtraggi e ordinamenti di elementi ed operazioni di cambio di layout
Risulta funzionare perfettamente con i browser desktop IE10+, Chrome, Safari e Firefox e con i browser di iOS ed Android,
Con IE8+ funziona correttamente anche se con, ovviamente, le animazioni disabilitate.
Rilasciato con licenza Creative Commons CC-BY-NC, necessita in caso di un utilizzo commerciale dell’acquisto di una licenza.
Demo, caratteristiche e documentazione le trovate su https://mixitup.kunkalabs.com/