自己开发的 CSS 框架-ICECSS - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
qwe542398
V2EX    分享创造

自己开发的 CSS 框架-ICECSS

  •  
  •   qwe542398 2014-11-18 09:45:59 +08:00 6181 次点击
    这是一个创建于 3987 天前的主题,其中的信息可能已经有所发展或是发生改变。
    大部分CSS框架,很牛但也很复杂,国内还没有一款快速、灵活、又优雅漂亮的css框架。发起人和他的团队成员以开源的形式,打造了一款美观、好用、兼容性强CSS框架,不仅能自动适应手机、平板、电脑各大平台,同时还支持平滑移动等特性,帮助开发者和设计师更快勾勒出高大上网页。


    实现网

    ICECSS是一个以冰山为灵感开源高效的CSS框架,由设计师为主的团队进行开发。基于Jquery并且支持自适应。
    目前还开发者内测的0.6版本中。
    而ICECSS的设计也即将在山西的设计展上进行展览。
    [冰山之美,极简设计]




    DEMO: http://www.besdlab.cn/ICECSS/
    GitHub: https://github.com/T-baby/ICECSS


    欢迎大家试用和加入开发,如果想要加入开发可以直接fork然后pull给我。
    25 条回复    2014-11-19 08:48:56 +08:00
    yjfengwen
        1
    yjfengwen  
       2014-11-18 10:07:51 +08:00
    表单的框线完全看不清楚啊
    akfish
        2
    akfish  
       2014-11-18 10:15:18 +08:00
    box-sizing直接
    ```
    *{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }
    ```
    不就行了,用不着每个元素撸一遍。

    编译脚本没包含进去?不便于别人加入开发。用gulp或者grant吧,加个package.json把dependencies管理起来。

    建议用less或者sass之类的css预编译器,能省不少事。

    建议包含[normalize.css](necolas.github.io/normalize.css/),能解决一些浏览器兼容的坑,bootstrap等框架都用了这个。
    scarlex
        3
    scarlex  
       2014-11-18 10:44:00 +08:00
    我看了下提交记录...完全不知道你每个提交改了些什么
    kokdemo
        4
    kokdemo  
       2014-11-18 10:49:59 +08:00
    ……话说任何的组件都没有onfocus的动画效果么……
    kmvan
        5
    kmvan  
       2014-11-18 10:58:36 +08:00
    灵活性太弱了。。。
    lz 的表单元素,在小屏手机上还是和 pc 上一样,label 和有些 input 分行有些并列,略微混乱啊。
    “.ice-div-center-absolute” 这个class名字感觉蛋疼啊。。。居然包含div……几乎没有任何语义化作用,而且这么长,也不是简约的体现..
    abelyao
        6
    abelyao  
       2014-11-18 11:16:29 +08:00
    我刚刚看这个帖子的时候还不到10次点击,然后… 不好意思吐槽,现在看到楼上这么多给我壮胆的,我也斗胆说一下…
    看了例子页面,这所谓的 “框架” 还是内部用用就好吧,通用性 和 元素的类型,都很差,虽然说美观这东西是仁者见仁,但实在看不出有用心设计,例子页面本身的排版也混乱,不明白要表达什么。
    最后看到 “而ICECSS的设计也将在山西的设计展上进行展览” 这句话让我非常怀疑自己的审美观是不是出了问题,以至于我不敢吐槽。
    adjusted
        7
    adjusted  
       2014-11-18 12:33:17 +08:00 via Android
    commit log很厉害的样子
    zythum
        8
    zythum  
       2014-11-18 12:42:26 +08:00
    最快速、灵活、又优雅漂亮 的就是不用框架。自己写。
    lcxseima
        9
    lcxseima  
       2014-11-18 12:47:39 +08:00
    鼓励撸主
    RIcter
        10
    RIcter  
       2014-11-18 12:49:17 +08:00
    commit log 看醉了...
    faceair
        11
    faceair  
       2014-11-18 12:52:52 +08:00
    http://purecss.io 简洁,优雅
    fzss
        12
    fzss  
       2014-11-18 12:54:05 +08:00
    人家辛辛苦苦做个开源的东西出来,怎么就知道喷啊,又不收你钱,喷个蛋蛋啊。有不足的地方不会客客气气的提么?
    -
    支持楼主,楼主加油!
    我就觉得挺漂亮的,有不足的地方慢慢改进咯。
    0x142857
        13
    0x142857  
       2014-11-18 13:11:00 +08:00
    commit log 也是醉了。
    icanfork
        14
    icanfork  
       2014-11-18 13:16:33 +08:00
    前来围观 commit log
    别人吐槽是你不断改善的动力,而不是影响你前行的阻力
    shiny
        15
    shiny  
       2014-11-18 13:21:23 +08:00
    首页的按钮没做状态变化
    docs 直接连到 github wiki 页,上面的内容点儿都不直观。

    有人喷是好事,就怕什么反应也没有。
    FrancisYim
        16
    FrancisYim  
       2014-11-18 13:21:25 +08:00
    这里的人总喜欢给别人批评、泼冷水。
    心理承受度不高的人都被骂走了,恐怕再也不会在这发布自己的作品了。
    留下的就只有一大部分垃圾信息冗余在这个曾经“美好”的社区。
    为什么就不能给别人正面的鼓励和帮助呢?即便作品有瑕疵,有不足的地方。
    随便批评人你一时心里当然很爽,却为作者们带来很大的痛苦。
    你愿意你花了很多天辛辛苦苦做出来的作品一来到这儿发布就被乱抨击一番吗?

    希望楼主能抵着压力,加油。
    invite
        17
    invite  
       2014-11-18 13:24:49 +08:00
    我自己不会, 我只是一个浏览器用户。
    如果只想听好听的话,那就忽略下面这句:

    从我自身的审美角度来说,那几个例子太难看了!
    qwe542398
        18
    qwe542398  
    OP
       2014-11-18 14:22:58 +08:00 via Android
    @akfish 感谢提议。
    qwe542398
        19
    qwe542398  
    OP
       2014-11-18 14:23:51 +08:00 via Android
    @kokdemo 按钮是有个半透明的效果,首页的自定义颜色的幽灵按钮还没加入效果。
    angusjune
        20
    angusjune  
       2014-11-18 14:24:29 +08:00
    感谢分享

    可以参考一下bootstrap和Foundation的docs和examples是怎么做的
    另外还可以检查一下你的demo里面的英文
    qwe542398
        21
    qwe542398  
    OP
       2014-11-18 14:28:16 +08:00 via Android
    @abelyao
    @RIcter

    @belin520


    统一解释下
    1.这还只是刚刚做出来而已。
    2.提交记录那里现在还只是我个人在看会改进。
    3.美学方面,仁者见仁,智者见智。不多评论
    4.未来还会改进,慢慢来。
    qwe542398
        22
    qwe542398  
    OP
       2014-11-18 14:28:35 +08:00 via Android
    @angusjune 嗯嗯
    qwe542398
        23
    qwe542398  
    OP
       2014-11-18 14:29:43 +08:00 via Android
    @yjfengwen 我会去检查看看的。
    kokdemo
        24
    kokdemo  
       2014-11-18 14:33:52 +08:00
    @zythum 同意说法……

    css也不是什么很复杂的东西……借助sass等工具,自己就可以写出很强的效果。

    css框架主要是面向内部的工具的快速开发这样的。
    lwbjing
        25
    lwbjing  
       2014-11-19 08:48:56 +08:00
    加油。。总比那些直接抄别人的然后换个名字说是自己原创开源的好。。。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1084 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 79ms UTC 18:25 PVG 02:25 LAX 11:25 JFK 14:25
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86