Blueprint CSS栅格化框架可视化生成工具-Boks

时间:2009年04月16日作者:愚人码头查看次数:12,402 views评论次数:2

Blueprint(官方网站:http://www.blueprintcss.org/) 是一个非常有名的 CSS 框架,它可以让你用很整洁的代码来将页面划分成很复杂的栅格结构(grid)。Blueprint 并没有提供一个可视化的工具来让你生成网格结构的 CSS 代码。

而 Boks 的出现,正好弥补了 Blueprint 没有提供可视化工具的缺憾。

2009-04-16_094206

在主界面的格子上拖拽,就可以轻松画出你想要的布局。在下面的面板里,都可以为每一个 DIV 设置 ID,Class 和 HTML 代码等。绘制完成之后,点击 Export 就可以导出为网页文件了。

下面提供一个官方的操作演示视频:

 

注意,此软件需要下载安装 Adobe Air;

下载Boks:boks-v021

blueprint–css framework研究 :http://www.yeeach.com/2007/09/14/blueprint-css-framework/

声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发
转载请注明转自《Blueprint CSS栅格化框架可视化生成工具-Boks

如果你读了我的文章,觉得有帮助: 说明
2条评论
  1. 蝎子留言于:2009年04月19日04:21

    看上去很不错啊,哈哈
    不过小项目还是自己手写代码更快点,用框架的话感觉还是太繁。

    [回复]

  2. zlsj80留言于:2010年01月28日10:30

    操作演示视频不能看啦

    [回复]

发表评论

*

*