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

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

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

2009-04-16_094206

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

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

?

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

下载Boks:boks-v021

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

赞(0) 打赏
未经允许不得转载:WEB前端开发 » Blueprint CSS栅格化框架可视化生成工具-Boks

评论 2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

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

    蝎子10年前 (2009-04-19)回复
  2. #-48

    操作演示视频不能看啦

    zlsj809年前 (2010-01-28)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏