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

Question

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

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

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

所以我正在寻找一种替代方案:

• 轻量级
• 华而不实的
• 稳健和生产准备
• 能够优雅地降级

Answer 1

如果有人仍然在寻找你可能也想看看我写的类似的jQuery插件,Filterizr.Filterizr是:

• 允许过滤,排序,改组和搜索
• 高度可定制(允许用户在进出过滤时为过渡编写自己的CSS效果)
• 使用CSS3过渡和转换.
• 重量轻,约20kb
• 针对移动性能进行了优化
• 响应(使用您的媒体查询)
• 开源和MIT许可

下载Filterizr网站上的链接,教程和文档

Answer 2

好像你在寻找jQuery Masonry.

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

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

Answer 3

万一有人还在看看 Shuffle.js.它与MIT许可证一起响应.

Answer 4

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

Muuri-开源MIT（看上去又快又好）

MixitUp-高质量商业图书馆（极度抛光）

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

• Macy.js：动画+，过滤-（非常缺乏CSS转换文档）

• gridfolio：动画+，过滤-

• Mansory：动画+，过滤 --（但也可以使用https://github.com/dynamick/multiple-filter-masonry）

• 过滤：动画-，过滤+

• 鼓膜CSS教程：动画+，过滤-

• Boardz.css：动画-，过滤-（作为HQ CSS唯一库而闻名）

• jQuery Woodmark：动画+，过滤-（已完成演示）