Blueprint 是一个 CSS 框架，它可以让你用很整洁的代码来将页面划分成很复杂的网格结构（grid）。Blueprint 并没有提供一个可视化的工具来让你生成网格结构的 CSS 代码。
而 Boks 的出现，正好弥补了 Blueprint 没有提供可视化工具的缺憾。
![Boks 可视化 Blueprint 框架 CSS 生成工具[AIR][图] | 小众软件 > net](http://lh6.ggpht.com/_dgCGC6ge86w/SeXowwz1YCI/AAAAAAAABHU/zKkSRpiYWP0/s512/2009-04-15_213742.png "Boks 可视化 Blueprint 框架 CSS 生成工具[AIR][图] | 小众软件 > net")
在主界面的格子上拖拽，就可以轻松画出你想要的布局。在下面的面板里，都可以为每一个 DIV 设置 ID，Class 和 HTML 代码等。绘制完成之后，点击 Export 就可以导出为网页文件了。
下面提供一个官方的操作演示视频：
注意，此软件需要下载 Adobe AIR，如果 Adobe 官方网站下载太慢的话，可以去华军或者天空下。
下载（946KB）：uushare|官方网站|来自小众软件|skydrive|dropbox
延伸阅读：
19 Comments:
找来找去都没有满意的CSS编辑器，试试这个。这是个手机沙发，起床去下载看看
回复
@Armgod, 这个不能算是CSS编辑器，应该是Blueprint的生成器。
回复
@donkie, 明白了，多谢
armgod reply on 四月 16th, 2009,08:27:
donkie reply on 四月 16th, 2009,08:18:
那个 download 不错
回复
@=.=, 一起来猜猜是谁的大作，火山么？
回复
armgod reply on 四月 16th, 2009,08:27:
@=.=, 不是。读者小宠画的。小众的 logo 也是他画 的
回复
@sfufoet, 记得上次猜小众logo的设计者也猜错了，小宠要来扁我了
armgod reply on 四月 16th, 2009,08:42:
sfufoet reply on 四月 16th, 2009,08:32:
css可视化编辑器，需要……
回复
那囧视频看不懂啊～
回复
呵呵，这个可是好东西啊，我是做网站前台的，栅格系统是个很不错的系统，不知这个AIR用的是谁的实现啊。
回复
的确是个好玩意～可惜爱月是代码洁癖患者，一个小网页要附加那么多无用的CSS是爱月很不喜欢滴～不过真的很好，很方便初学者使用～
回复
还有今天发现那个搜索终于没遮住下面了～
第一次看到下面的媒字后面的体工具以及后面……
回复
@wqdsa, 囧～～～对不起 IE6 用户了。。。
回复
scavin reply on 四月 16th, 2009,11:34:
@wqdsa, 哇哈哈，我用opera和firefox都没发现这些问题啊！
回复
天毅 reply on 四月 16th, 2009,16:43:
我想问问你上面用自己的域名地址替换skydrive地址是怎样实现的？？
回复
@GoGo, http://www.appinn.com/short-url-plugin-wordpress/
回复
sfufoet reply on 四月 16th, 2009,10:56:
挑错：AIR的天空下载链接是其SDK的不是AIR本身。
回复
@hzhbest, 而且“Adobe AIR”是“AIR”不是“Air”。
回复
hzhbest reply on 四月 16th, 2009,11:06:
@hzhbest, 多谢，已经修正。
回复
sfufoet reply on 四月 16th, 2009,11:10:
…好东西
回复
原来那个simple CSS很强大的,就是没预览,这个不知道怎么样?
回复
哇哈哈。谢谢，我总是在这里瞟一点新闻到我的博客。。哈哈。！！
回复
mqlayer更新了 …
http://hi.baidu.com/mqlayer
回复
@mqlayer, 日，不是mplayer
回复
LSvKing reply on 四月 16th, 2009,17:13:
下来看看，不知效果如何
回复
教程5 6 看不了 T_T
回复
很强大呀~~
我下下来试了试，有个地方点错了就习惯性地按了下ctrl-z，软件就挂了…
回复
小众，我想问一下，您这些软件都是从哪里找来的啊？可否透露下呢？呵呵 谢谢！
回复
@对啊博客, delicious.com
回复
@sfufoet, 谢谢啊。
对啊博客 reply on 四月 16th, 2009,21:36:
sfufoet reply on 四月 16th, 2009,20:25:
一直用记事本直接写css……OTL
回复
有了这个估计很多人就不会用心去学CSS了
回复
2 Trackbacks