Treesaver 原理、文件功能结构
2011-07-13 17:45
218 查看
原理
Treesaver 的原理是用绝对定位(absolute position)的方法,帮你自动排好分栏(column)、figure (heading、图片)。Treesaver 是浏览器大小尺寸敏感(size-sensitive)的,会就着当前的浏览器尺寸(browser size),选用不同的分栏表格(grid)做排版,而这些grid、column等都已经在resources.html和styles.css里定义好。当然也可以制订文件目录,Treesaver 会自动读取,连续阅读。
理论上,写内容的只需要大概知道了一些Treesaver的规则,就可以直接写html,把写好的html放上服务器上就可以了,不用碰到script的部份。但如果想做特别排版,就要连带修改 resources.html 和 styles.css ,这就稍微难些。
以上原理介绍摘自:http://www.hksilicon.com/kb/cn/articles/27155/Treesaver
TreeSaver具有的布局UI主要有下面几种:
Chrome: 控制环绕内容,Control the UI around content
LightBox: 提供放大缩小功能, Provide an interface for zooming Figures
Grid: 页面布局的结构,分栏,Specify structure used for page layout
Article Order: 连续读文章的功能,Set up continous reading
Figure: 主内容之外的内容,For displaying content outside of the main flow
Container: 图片,For positioning images and other non-flowing content
Column: 变化的分栏内容,For flowing content
Field: 重复的内容, For displaying repeated content
出处:https://github.com/Treesaver/treesaver/wiki
TreeSaver 的文件结构
一些Cool的Treesaver演示地址:
http://treesaver.net/portfolio/
Treesaver 的原理是用绝对定位(absolute position)的方法,帮你自动排好分栏(column)、figure (heading、图片)。Treesaver 是浏览器大小尺寸敏感(size-sensitive)的,会就着当前的浏览器尺寸(browser size),选用不同的分栏表格(grid)做排版,而这些grid、column等都已经在resources.html和styles.css里定义好。当然也可以制订文件目录,Treesaver 会自动读取,连续阅读。
理论上,写内容的只需要大概知道了一些Treesaver的规则,就可以直接写html,把写好的html放上服务器上就可以了,不用碰到script的部份。但如果想做特别排版,就要连带修改 resources.html 和 styles.css ,这就稍微难些。
以上原理介绍摘自:http://www.hksilicon.com/kb/cn/articles/27155/Treesaver
TreeSaver具有的布局UI主要有下面几种:
Chrome: 控制环绕内容,Control the UI around content
LightBox: 提供放大缩小功能, Provide an interface for zooming Figures
Grid: 页面布局的结构,分栏,Specify structure used for page layout
Article Order: 连续读文章的功能,Set up continous reading
Figure: 主内容之外的内容,For displaying content outside of the main flow
Container: 图片,For positioning images and other non-flowing content
Column: 变化的分栏内容,For flowing content
Field: 重复的内容, For displaying repeated content
出处:https://github.com/Treesaver/treesaver/wiki
TreeSaver 的文件结构
一些Cool的Treesaver演示地址:
http://treesaver.net/portfolio/
相关文章推荐
- EXE文件结构及原理
- Cloudera Manager(CDH5)内部结构、功能包括配置文件、目录位置等 2016-05-26 15:46 2112人阅读 评论(0) 收藏 举报 分类: CDH(19) 1. 相关
- Linux 文件操作监控inotify功能及实现原理【转】
- 解析Cloudera Manager内部结构、功能包括配置文件、目录位置等
- 【编译原理之】Bison 源文件结构原理
- 解析Cloudera Manager内部结构、功能包括配置文件、目录位置等
- php多文件上传功能实现原理及代码
- GIF图片的文件储存结构和动画原理
- F2FS文件系统架构与原理分析(四)——F2FS的目录结构与目录哈希
- Cloudera Manager内部结构、功能包括配置文件、目录位置
- 解析Cloudera Manager(CDH5)内部结构、功能包括配置文件、目录位置等
- 2讲 html运行原理② html文件基本结构 html元素和属性
- 解析Cloudera Manager内部结构、功能包括配置文件、目录位置等
- ECSHOP 2.7.2 文件结构及各文件相应功能介绍
- QT UI 基础(二)编译原理及文件结构
- ECShop的结构图及各文件相应功能介绍
- exe文件结构及原理
- 关于ShopEx的二次开发的目录结构及各文件功能
- .COM文件结构及原理