Alternative légère à isotope.js
J'utilise isotope.js uniquement à cause de ses animations pour ajouter/supprimer des éléments.
J'adore l'effet des objets animés pour remplir simultanément la position des éléments supprimés lorsque les éléments supprimés disparaissent.
Le fait est que mes éléments de grille sont tous de taille fixe et égale, et je n'ai besoin d'aucun élément de filtrage. Je trouve que l'isotope est un peu maladroit, peut-être à cause de l'étendue de sa fonctionnalité.
Je cherche donc une alternative qui est:
- poids léger
- nappe
- robuste et prêt pour la production
- capable de se dégrader gracieusement
Réponse originale
Si quelqu'un est toujours à la recherche, vous voudrez peut-être également jeter un œil à un plugin jQuery similaire que j'ai écrit, Filterizr . Filterizr c'est:
- Permet le filtrage , le tri , mélange et recherche
- Hautement personnalisable (permet aux utilisateurs d'écrire leurs propres effets CSS pour les transitions lors du filtrage entrant et sortant)
- Utilise les transitions CSS3 et transform-translate .
- Léger, ~ 20 Ko
- Optimisé pour les performances mobiles
- Responsive (avec vos requêtes médias)
- Open source et [~ # ~] mit [~ # ~] sous licence
Téléchargez des liens, des tutoriels et des documents sur le Site Web Filterizr
Mise à jour 06/2019:
Filterizr a parcouru un long chemin depuis lors.
Il est maintenant écrit en JavaScript TypeScript et peut être utilisé sans jQuery en tant que bibliothèque JavaScript Vanilla.
Il permet toujours l'utilisation en tant que plugin jQuery, vous pouvez toujours consulter le site Web Filterizr car il est à jour.
On dirait que vous cherchez maçonnerie jQuery .
En général, Isotope est assez lisse pour la plupart des cas, tout dépend de la quantité de contenu que vous lui lancez bien sûr.
La raison derrière la clunkyness pourrait être jQuery elle-même. Bien que jQuery soit un sélecteur incroyable, son animation et sa vitesse de manipulation manquent un peu à cause de la quantité de fonctionnalités incluses dans la lib.
Dans le cas où quelqu'un cherche toujours, consultez Shuffle.js . Il est réactif avec la licence MIT.
Je recherche également un filtre complet avec animation:
Muuri - Open Source MIT (Semble rapide et bon)
MixitUp - Bibliothèque commerciale de haute qualité (Extrêmement poli)
Les autres logiciels open source n'ont pas les deux fonctionnalités, ou sont extensibles en option, bien si vous avez besoin d'une animation rapide uniquement comme Macy.js, gridfolio, Tympanus CSS (+ égal inclus, - égal exclu):
Macy.js: Animation +, Filtrage - (Très manque de documentation de transition css)
Mansory: Animation +, Filtrage -mais peut-être avec --- (https://github.com/dynamick/multiple-filter-masonry )
Boardz.css: Animation -, Filtrage - (Notable à mentionner comme bibliothèque HQ CSS uniquement)
jquery Woodmark: Animation +, Filtrage - (Démo polie)
im utilisant jquery Quicksand qui est assez soigné et simple http://razorjack.net/quicksand/