Home
Boks – 可视化 Blueprint 框架 CSS 生成工具[AIR]

Boks – 可视化 Blueprint 框架 CSS 生成工具[AIR]

网络工具 2009/04/16 35

Blueprint 是一个 CSS 框架，它可以让你用很整洁的代码来将页面划分成很复杂的网格结构（grid）。Blueprint 并没有提供一个可视化的工具来让你生成网格结构的 CSS 代码。

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

Boks - 可视化 Blueprint 框架 CSS 生成工具[AIR] 1

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

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

注意，此软件需要下载 Adobe AIR，如果 Adobe 官方网站下载太慢的话，可以去华军或者天空下。

小众软件下载 下载（946KB）：uushare|官方网站|来自小众软件|skydrive|dropbox

延伸阅读：

分享

相关

,

35 条留言

  1. Armgod 2009/04/16 回复

    找来找去都没有满意的CSS编辑器，试试这个。这是个手机沙发，起床去下载看看

    • donkie 2009/04/16 回复

      @Armgod, 这个不能算是CSS编辑器，应该是Blueprint的生成器。

  2. =.= 2009/04/16 回复

    那个 download 不错

    • armgod 2009/04/16 回复

      @=.=, 一起来猜猜是谁的大作，火山么？

    • sfufoet 2009/04/16 回复

      @=.=, 不是。读者小宠画的。小众的 logo 也是他画 的

      • armgod 2009/04/16 回复

        @sfufoet, 记得上次猜小众logo的设计者也猜错了，小宠要来扁我了

  3. 天毅 2009/04/16 回复

    css可视化编辑器，需要……

  4. wqdsa 2009/04/16 回复

    那囧视频看不懂啊～

  5. 学习笔记 2009/04/16 回复

    呵呵，这个可是好东西啊，我是做网站前台的，栅格系统是个很不错的系统，不知这个AIR用的是谁的实现啊。

  6. 爱月 2009/04/16 回复

    的确是个好玩意～可惜爱月是代码洁癖患者，一个小网页要附加那么多无用的CSS是爱月很不喜欢滴～不过真的很好，很方便初学者使用～

  7. wqdsa 2009/04/16 回复

    还有今天发现那个搜索终于没遮住下面了～
    第一次看到下面的媒字后面的体工具以及后面……

    • scavin 2009/04/16 回复

      @wqdsa, 囧～～～对不起 IE6 用户了。。。

    • 天毅 2009/04/16 回复

      @wqdsa, 哇哈哈，我用opera和firefox都没发现这些问题啊！

  8. GoGo 2009/04/16 回复

    我想问问你上面用自己的域名地址替换skydrive地址是怎样实现的？？

  9. hzhbest 2009/04/16 回复

    挑错：AIR的天空下载链接是其SDK的不是AIR本身。

    • hzhbest 2009/04/16 回复

      @hzhbest, 而且“Adobe AIR”是“AIR”不是“Air”。

    • sfufoet 2009/04/16 回复

      @hzhbest, 多谢，已经修正。

  10. 芝麻 2009/04/16 回复

    …好东西

  11. skystar 2009/04/16 回复

    原来那个simple CSS很强大的,就是没预览,这个不知道怎么样?

  12. HelloWorld 2009/04/16 回复

    哇哈哈。谢谢，我总是在这里瞟一点新闻到我的博客。。哈哈。！！

  13. mqlayer 2009/04/16 回复

    mqlayer更新了 …
    http://hi.baidu.com/mqlayer

  14. fedora 2009/04/16 回复

    下来看看，不知效果如何

  15. ctoicqtao 2009/04/16 回复

    教程5 6 看不了 T_T

  16. Betty 2009/04/16 回复

    很强大呀~~
    我下下来试了试，有个地方点错了就习惯性地按了下ctrl-z，软件就挂了…

  17. 对啊博客 2009/04/16 回复

    小众，我想问一下，您这些软件都是从哪里找来的啊？可否透露下呢？呵呵 谢谢！

  18. Bookmarks for April 15th through April 16th | Ultra-App | 终极应用 2009/04/16 回复

    […] Boks – 可视化 Blueprint 框架 CSS 生成工具[AIR] – […]

  19. 御主人様 2009/04/17 回复

    一直用记事本直接写css……OTL

  20. Boks 可视化 Blueprint 框架 CSS 生成工具[Air] 2009/04/18 回复

    […] Boks 的出现，正好弥补了 Blueprint […]

  21. kekaku 2009/10/12 回复

    有了这个估计很多人就不会用心去学CSS了

  22. 下載不了？ 2010/04/10 回复

    下載不了？視頻也看不了。

  23. 战神 2013/08/09 回复

    我想问下，为什么我用boks这个软件，会自动添加灰色的格子，自动生成的div+css是可以很快速的排版，但是那个灰色格子怎么取消。新手求教

写留言