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

愚人码头 撰写  

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/

更多相关链接:


相关日志:

刚刚被浏览过的文章:


2 条评论

  1. 发表了 2009年04月19日 在 4:21 上午 | 永久链接

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

  2. zlsj80
    发表了 2010年01月28日 在 10:30 上午 | 永久链接

    操作演示视频不能看啦

发表评论

Your email is never shared. 标记为 * 的为必填项目

*
*

评论时,昵称或个人网站填的是商业网站的,一概标记为垃圾评论不予显示,并设置相关网站为过滤关键字,提交到google、百度垃圾网站数据库