V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
emohacker
V2EX  ›  程序员

求工具 ~ 有木有这样的css3处理工具。-webkit- -moz- -ms- -o- 无力吐槽

  •  
  •   emohacker ·
    emohacker · 2013-09-25 10:51:01 +08:00 · 4685 次点击
    这是一个创建于 4064 天前的主题,其中的信息可能已经有所发展或是发生改变。
    最近写css3动画

    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -ms-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;

    。。。好烦、影响编码体验、耗时、容易出错。。。

    谷哥度娘都木找到,也许是我搜索的方式有问题。

    有木有这样的工具,我写个 animation-duration: .3s; 然后前面的一摞兼容性代码统统自动生成~

    如果有,求小伙伴科普。

    如果找不到这个,想自己写个Sublime插件或者是别的发布生产前的生成工具。
    31 条回复    1970-01-01 08:00:00 +08:00
    lichao
        1
    lichao  
       2013-09-25 10:53:02 +08:00
    我现在写 CSS,都不写那些前缀了,只写最后那一行
    cj1324
        2
    cj1324  
       2013-09-25 10:53:28 +08:00
    LESS CSS 真实你想要的。
    lichao
        3
    lichao  
       2013-09-25 10:53:30 +08:00   ❤️ 1
    感觉已经没必要了
    vontio
        4
    vontio  
       2013-09-25 10:54:23 +08:00   ❤️ 1
    sublime plugin : prefixr
    chloerei
        5
    chloerei  
       2013-09-25 10:57:57 +08:00   ❤️ 1
    http://bourbon.io/

    要用 scss
    emohacker
        6
    emohacker  
    OP
       2013-09-25 11:00:16 +08:00
    @lichao 高端大气浏览器貌似最新版都不需要了?写上有给人严谨点的赶脚
    cutehalo
        7
    cutehalo  
       2013-09-25 11:00:43 +08:00
    用LESS之类的就行了
    emohacker
        8
    emohacker  
    OP
       2013-09-25 11:01:16 +08:00
    @chloerei 哇,这个好
    lichao
        9
    lichao  
       2013-09-25 11:01:21 +08:00
    @emohacker 比较新的版本确实都不需要了
    emohacker
        10
    emohacker  
    OP
       2013-09-25 11:05:41 +08:00
    @cj1324

    @cutehalo

    LESS有在用,API貌似没提供?不晓得

    因为中文站文档有句这样的例子。。。

    .rounded-corners (@radius: 5px) {
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    -ms-border-radius: @radius;
    -o-border-radius: @radius;
    border-radius: @radius;
    }
    貌似没有相应的解决方案
    http://www.lesscss.net/article/home.html
    hzlzh
        11
    hzlzh  
       2013-09-25 11:08:48 +08:00
    http://mixinsless.com/
    你需要的是这个,完全没有必要管前缀的。
    davepkxxx
        12
    davepkxxx  
       2013-09-25 11:10:03 +08:00
    大部分css都不需要这样写了。
    L42y
        13
    L42y  
       2013-09-25 11:10:51 +08:00   ❤️ 1
    emohacker
        14
    emohacker  
    OP
       2013-09-25 11:25:19 +08:00
    @L42y 灰常感谢~~这个正是我想要的
    emohacker
        15
    emohacker  
    OP
       2013-09-25 11:27:01 +08:00
    @davepkxxx 刚刚删了前缀代码,结构chrome29竟然跑步起来,火狐最新版是OK的,暂时没去排查是哪里不兼容,赶脚写上还是有点必要
    emohacker
        16
    emohacker  
    OP
       2013-09-25 11:27:13 +08:00
    @hzlzh Tks~
    foomorrow
        17
    foomorrow  
       2013-09-25 15:57:07 +08:00
    用less或者sass呗
    yangg
        18
    yangg  
       2013-09-25 16:54:25 +08:00
    FrankFang128
        19
    FrankFang128  
       2013-09-25 17:52:20 +08:00
    @vontio 我装了这插件几个月了都不知道怎么用它。
    vontio
        20
    vontio  
       2013-09-25 19:27:55 +08:00
    @FrankFang128 一般插件的使用方法都是ctrl+shift+p 然后输入插件名
    hegfirose
        21
    hegfirose  
       2013-09-25 22:36:13 +08:00
    emmet
    hegfirose
        22
    hegfirose  
       2013-09-25 22:37:02 +08:00
    webstorm 集成emmet有相关选项,用less也行
    emohacker
        23
    emohacker  
    OP
       2013-09-25 22:42:12 +08:00
    @FrankFang128
    @vontio
    @hegfirose
    感觉还是写完之后发布前让程序自己去补全比较好,代码比较好维护,插件实时补全的话要修改应该比较蛋碎。
    anson0370
        24
    anson0370  
       2013-09-25 22:49:01 +08:00
    sass or less 加上任意基于它们的 mixin 库……
    momou
        25
    momou  
       2013-09-25 23:05:48 +08:00
    一般只写最后一句,有问题再加
    vivianalive
        26
    vivianalive  
       2013-09-26 00:53:10 +08:00
    一般只写一句. 然后在IE上看看有没问题.
    其他浏览器一般都不会有问题的.
    而IE用户很多还停留在6,7,8, 就不要浪费时间了. 毕竟这些"酷炫"的效果只是点缀而已.
    Part
        27
    Part  
       2013-09-26 10:28:07 +08:00
    顺便吐槽一下 sublime 的 less2css 这个 feature 都10个月了还没update上去,https://github.com/timdouglas/sublime-less2css/issues/15
    lijingyu68
        28
    lijingyu68  
       2013-09-26 11:15:53 +08:00
    果断less,less is more!
    lorrylockie
        29
    lorrylockie  
       2013-09-26 11:39:34 +08:00
    less和sass不就是了
    heroicYang
        31
    heroicYang  
       2013-09-27 10:23:17 +08:00
    楼主需要 stylus 之类~
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1172 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 23:32 · PVG 07:32 · LAX 15:32 · JFK 18:32
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.