Vai al contenuto

Ordinamento animato con MixItUp

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

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/

Scritto da jqueryitalia

Sito WEB: http://www.jqueryitalia.org

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza i cookies, anche di terze parti: se chiudi questo banner, scorri la pagina o continui con la navigazione, tu ACCONSENTI all'utilizzo dei cookies. MAGGIORI INFORMAZIONI

Questo sito utilizza i cookie per fonire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o clicchi su "Accetta" permetti al loro utilizzo.

Chiudi