V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
readordie
V2EX  ›  分享创造

GoPng——HTML5的css sprite合成工具,可以支持工作状态的导出,方便持续构建

  •  
  •   readordie · 2012-05-24 18:02:47 +08:00 · 5430 次点击
    这是一个创建于 4562 天前的主题,其中的信息可能已经有所发展或是发生改变。
    html5实现的一个合成css sprite的工具,起名为GoPng。

    在线使用地址:
    http://alloyteam.github.com/gopng
    github地址:
    https://github.com/AlloyTeam/gopng

    目前实现的功能如下:
    支持图片文件拖拽
    支持生成png图片与css文件
    支持两种自动排列的模式
    放大镜功能
    磁力吸附对齐功能
    工作状态导出功能,可以方便导出文件,在下一次操作通过拖放该文件来恢复工作状态(包括图片数据跟参数设置)
    支持Mac(因为是web app嘛) :)

    欢迎使用与提意见。
    12 条回复    1970-01-01 08:00:00 +08:00
    lwjefSub
        1
    lwjefSub  
       2012-05-24 18:05:39 +08:00   ❤️ 1
    先来个阿里巴巴的 又来个腾讯的 =。=
    文档没人家写的好哟
    readordie
        2
    readordie  
    OP
       2012-05-24 18:09:15 +08:00
    @lwjefSub 汗,立刻就遭吐槽了,不过小工具嘛,本身不带什么公司色彩的= =
    allenm
        3
    allenm  
       2012-05-24 18:23:36 +08:00
    试用了下,不错,用了这个才发现我好土,原来 IE6 用 filter 也能使用 css spirit 啊。
    话说 1L 是在说我吗?
    readordie
        4
    readordie  
    OP
       2012-05-24 18:26:56 +08:00
    @allenm 对的 里面的css模版是我比较常用的一个css sprite的hack 用两层嵌套+滤镜来解决ie6的问题。
    hzlzh
        5
    hzlzh  
       2012-05-24 18:49:07 +08:00
    我偶尔用 SpriteRight.app 你可以参考下功能需求。web版的还是没客户端的用着及时顺手。
    不过加勒个油,很好的东西。
    BTW:既然用了bootstrap,何不在页脚注明下?
    favicon 和 footer的企鹅到成了亮点。呵呵
    readordie
        6
    readordie  
    OP
       2012-05-24 19:00:28 +08:00
    @hzlzh 多谢支持,客户端可以实现的东西确实比web要有想象力地多。
    favicon是因为Organizations设置的缘故,github自动加上的。
    而并没有听说使用bootstrap是需要在页脚标明,包括bootstrap首页的几个Built with Bootstrap的站点也没有吧。:)
    GoPng项目本身也是开源的,在这里使用bootstrap我觉得也是比较自然的事情。
    Footer上的东西只是一个统计服务 :)
    hzlzh
        7
    hzlzh  
       2012-05-24 19:01:33 +08:00
    忘了说,可以加个功能选项:去掉hack,原因嘛,有些地方不用 fuck ie6
    readordie
        8
    readordie  
    OP
       2012-05-24 19:04:09 +08:00
    @hzlzh 是的,不过css template是支持自定义的,可以自定义不带hack的css template参数并导出文件并保存下来,下次直接把这个文件拖拽到画布区域就可以恢复上一次的参数设置。
    readordie
        9
    readordie  
    OP
       2012-05-24 19:06:57 +08:00
    @hzlzh 如果确实不喜欢某些界面,欢迎直接在github上面fork,创建属于自己的app页面。:)
    hzlzh
        10
    hzlzh  
       2012-05-24 19:09:00 +08:00
    @readordie 嗯,也对,满足每个人习惯和定制的解决方案就是那个css template,[without hack]这个按钮可以方便一部分人。
    关于bootstrap,我比较喜欢推广,所以爱加。
    hzlzh
        11
    hzlzh  
       2012-05-24 19:13:03 +08:00
    整体做的蛮有诚意,很赞,再提一个明显的吧,[Apply changes] 按钮太多,有空弄成实时的吧。
    readordie
        12
    readordie  
    OP
       2012-05-24 19:17:27 +08:00
    @hzlzh 感谢支持,后续会继续完善。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1010 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 20:36 · PVG 04:36 · LAX 12:36 · JFK 15:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.