今天我们这里再介绍一款相当不错的响应式布局插件 - Freetile.js,使用它同样可以生成超酷的动态布局效果。相信大家一定会喜欢!
主要特性
Freetie来自于Assemblage和 Assemblage Plus的内建布局引擎,设计灵感来自于Masonry,VGrid和Wookmark,但是和他们相比较,拥有以下独特的地方:
-
允许包含任何尺寸的元素,并且不要求一个固定的列宽度,因此你不需要指定列宽度来迎合你的元素大小
-
内建算法允许你很容易的自定义插入的位置,满足不同喜好的展示方式。例如,向左或者向右对齐,或者接近特定元素。
-
智能的动画方式能够很好的判断是否需要动画特效。例如,刚加入的元素和不可见的元素。
-
只要使用Assemblage 和 Assemblage Plus模板的网站都在使用它,所以说非常稳定。可以500%提高开发效率的前端UI框架!
如何使用
基本使用方式:
- $('#container').freetile();
启用动画特效:
- $('#container').freetile({ animate: true, elementDelay: 30 });
指定一个自定义的元素选择器:
- $('#container').freetile({ selector: '.thumbs' });
是不是很简答,希望大家喜欢这个插件。可以500%提高开发效率的前端UI框架!
相关推荐
NULL 博文链接:https://wy1990.iteye.com/blog/2083024
QUI网页界面集成框架是一套完整的BS模式系统界面解决方案。包括十余种不同结构的主页、各种常用的导航与布局模板、丰富的组件、特效和完备的CSS样式...经实践检验,本框架能够大幅度地提高系统开发效率,降低开发成本。
Amaze UI的目标帮助开发者提高开发效率,提升网页效果,即用最短的时间做出最赞的网页,使更多的前端开发者不再受前端复杂代码困扰。下面是特性硬广Amaze UI 是中国首个开源 HTML5 跨屏前端框架,基于 React.js 开发...
可以快速搭建界面优秀、体验极佳的多屏页面,大大提高开发效率。与国外框架相比,Amaze UI注重中文排版,根据用户代理调整字体,达到更好的中文排版效果;它考虑了国内主流浏览器和App内置浏览器的兼容性。 特征 ...
QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。通过 QMUI Web,开发者可以很轻松地提高 Web UI 开发的效率。
网页界面集成框架是一套完整的企业级前端解决方案,由组件库、皮肤框架、示例工程和文档4部分组成。...使用本产品开发者可以极大地减少工作量,提高开发效率,快速构建功能强大、美观、兼容的应用系统。
360UI即QUI,网页界面集成框架是一套完整的企业级前端解决方案,由组件库、皮肤框架、示例工程和文档4部分组成。... 可以极大地减少工作量,提高开发效率,快速构建功能强大、美观、兼容的应用系统。
Amaze UI 含近 20 个 CSS 组件、20 余 JS 组件,更有多个包含不同主题的 Web 组件,可快速构建界面出色、体验优秀的跨屏页面,大幅提升开发效率。相比国外框架,Amaze UI 关注中文排版,根据用户代理调整字体,实现...
既需要编写页面展示相关的HTML和CSS代码,又需要编写业务逻辑相关的JavaScript代码,在缺乏UI设计师的场景下,前端工程师还要负责UI界面的设计,前端工程师的工作量很大,开发效率低且容易出错...
网页界面集成框架是一套完整的企业级前端解决方案,由组件库、皮肤框架、示例工程和文档4部分组成。...使用本产品开发者可以极大地减少工作量,提高开发效率,快速构建功能强大、美观、兼容的应用系统。
QMUI Web前端框架是一个旨在提高UI开发效率、快速产生项目UI的前端框架。QMUI Web是一个专注Web UI开发,帮助开发者快速实现特定的一整套设计的框架。框架主要由一个强大的SASS方法合集与内置的工作流构成。通过QMUI...
oasys是一个OA办公自动化系统,使用Maven进行项目管理,基于springboot框架开发的项目,mysql底层数据库,前端采用freemarker模板引擎,Bootstrap作为前端UI框架,集成了jpa、mybatis等框架。作为初学springboot的...
它可以快速构建具有出色界面和出色体验的多屏幕页面,并大大提高开发效率。 与国外框架相比,Amaze UI注重中文排版,并根据用户代理调整字体,以获得更好的中文排版效果; 它考虑了国内主流浏览器与App内置浏览器的...
提供一些常用组件的样式和脚本,目的在于提高前端开发人员的工作效率和更好的用户扩展体验。演示示例有很多,本站演示网址只提供了其中之一。基础:HTML5标准和CSS3为基础HTML5是目前万维网(WWW)最新的核心技术标准...
QUI网页界面集成框架(原UUR框架)是一套完整的BS模式系统界面解决方案。包括十余种不同结构的主页、各种常用的导航与布局...经实践检验,本框架能够大幅度地提高系统开发效率,降低开发成本。 http://www.quickui.net/
对开发者前台技术要求也非常低,只需要了解html语法和一些简单的JS即可,从而把更多精力放在业务功能的实现上,极大地提高开发效率。 QUI 从第一版推出到现在历经近5年时间,目前已拥有超过100家企业级客户和众多...
该系统可以简化选题过程,提高管理效率,并确保每个学生都能找到合适的毕业设计项目。以下是一个基于Web技术的学生毕业设计选题系统的毕业设计建议方案: ### 项目名称 基于Web的学生毕业设计选题系统 ### 项目目标 ...
2. 组件丰富:提供了丰富的UI组件和API,可以极大地提高开发效率,同时保证了应用的性能和效果。 3. 代码优化:在1.1.4.2版本中,对代码结构进行了优化,使其更加清晰,易于维护。 4. 文档完善:提供了详细的开发...
JAVA版商城系统是基于Java(SpringBoot) + Vue(Element UI) + UniApp开发的一套新零售移动电商系统 1:有详细的代码注释,有完整系统...11:Vue表单生成控件,拖拽配置表单,减少前端重复表单工作量,提高前端开发效率。
网页界面集成框架(原UUR框架)是一套完整的BS模式系统界面解决方案。包括十余种不同结构的主页、各种常用的导航与布局模板、丰富的组件、特效和完备...经实践检验,本框架能够大幅度地提高系统开发效率,降低开发成本