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

37
1 Star2 Stars3 Stars4 Stars5 Stars(快来投票)
Loading...

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

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

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

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

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

小众软件下载 下载(946KB):uushare|官方网站|来自小众软件|skydrive|dropbox

延伸阅读:

已有 37 条评论, 我要留言

  1. Armgod说道:

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

  2. =.=说道:

    那个 download 不错

  3. 天毅说道:

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

  4. wqdsa说道:

    那囧视频看不懂啊~

  5. 学习笔记说道:

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

  6. 爱月说道:

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

  7. wqdsa说道:

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

  8. GoGo说道:

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

  9. hzhbest说道:

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

  10. 芝麻说道:

    …好东西

  11. skystar说道:

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

  12. HelloWorld说道:

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

  13. mqlayer说道:

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

  14. fedora说道:

    下来看看,不知效果如何

  15. ctoicqtao说道:

    教程5 6 看不了 T_T

  16. Betty说道:

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

  17. 对啊博客说道:

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

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

  19. 御主人様说道:

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

  20. […] Boks 的出现,正好弥补了 Blueprint […]

  21. kekaku说道:

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

  22. 下載不了?说道:

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

  23. 战神说道:

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

有不同想法?说说看