同位素的轻量级替代物.js

Question

我使用isotope.js纯粹是因为它的动画添加/删除元素。

我喜欢动画项目的效果，当被移除的元素淡出时，同时填充被移除元素的位置。

问题是，我的网格元素都是固定且相同的大小，我不需要任何过滤内容。我发现同位素有点笨重，可能是因为它的功能广泛。

所以我正在寻找另一种选择：

• 轻质
• 浮油
• 健壮且准备就绪
• 能够优雅地降级

Answer 1

如果有人还在寻找你可能也想看一下我写过的类似的jQuery插件， Filterizr 。 Filterizr是：

• 允许过滤，排序，改组和搜索
• 高度可自定义（允许用户在过滤进出时为过渡编写自己的CSS效果）
• 使用 CSS3过渡和转换 - 翻译。
• 轻量级， ~20kb
• 针对移动性能
进行了优化
• 自行决定（使用您的媒体查询）
• 开源和 MIT 许可

下载关于的链接，教程和文档  Filterizr Website

Answer 2

好像你正在寻找jQuery Masonry。

一般情况下，Isotope在大多数情况下非常光滑，所有这些都取决于你扔的内容量当然。

笨拙背后的原因可能是jQuery本身。虽然jQuery是一个令人惊叹的选择器，但由于lib中包含了大量的功能，它的动画和操作速度有点缺乏。

Answer 3

万一有人仍在寻找结账 Shuffle.js。它与MIT许可一起响应。

Answer 4

我还搜索带有动画的大量过滤器：

Muuri - Open Source MIT（看上去又快又好）

MixitUp - High Quality Commercial Library（极度抛光）

其他开放源代码既不具备这两项功能，也不具有可选的可扩展性；如果只需要快速动画，例如Macy.js，gridfolio，Tympanus CSS（包括+等于-排除等于），则很好：

• Macy.js: Animation +, Filtering -（非常缺少CSS转换文档）

• gridfolio: Animation+, Filtering -

• Mansory: Animation +, Filtering --（但也许使用https://github.com/dynamick/multiple-filter-masonry）

• Filtrify: Animation - , Filtering +

• Tympanus CSS Tutorial: Animation +, Filtering -

• Boardz.css: Animation -, Filtering -（作为仅HQ CSS库而著名）

• jquery Woodmark: Animation +, Filtering -（演示版）

Answer 5

即时通讯使用jquery Quicksand非常简洁直截了当http://razorjack.net/quicksand/

Answer 6

我还发现了一些同位素砌体画廊的替代品

https://www.wix.com/app-market/wix-pro-gallery

https://github.com/wix/pro-gallery

            ---------------OR---------------

Image Photo Gallery Final Tiles Grid（Wordpress 插件）

Meow Gallery（+ Gallery Block）（Wordpress 插件）