Kimochi.css - 又一个扁平、小清新的 CSS 工具包 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Ariagle
V2EX    分享创造

Kimochi.css - 又一个扁平、小清新的 CSS 工具包

  •  
  •   Ariagle 201-10-08 18:26:46 +08:00 9918 次点击
    这是一个创建于 4391 天前的主题,其中的信息可能已经有所发展或是发生改变。
    项目主页:
    http://www.cosify.com/work/kimochi.css

    好些年没有发布过开源项目了,颇有几分胆战心惊。

    大部分这类东西不可能像 Bootstrap 那么流行,其实弄这玩意绝大成份是满足自己的自娱自乐。主要是希望在写一些日常小玩意的时候,不必再写太多重复的 style,直接套一个 CSS 文件就能搞定一些基本的样式,并且有足够的小组件任由自己组合发挥。不习惯别人的 CSS,于是按自己习惯搞一套。

    目前只有一个 CSS 文件,由 LESS 编写。风格上跟进时下流行的拍扁潮流,走低饱和度的白内障小清新路线。
    里头主要的排版布局样式已经过我最近几年项目的实践,至于符不符合大众习惯就是另一回事了。另外一半风格化样式则有待时间考验。

    接下来准备再发布一个 PHP 微框架 :)
    48 条回复    1970-01-01 08:00:00 +08:00
    leojoy710
        1
    leojoy710  
       2013-10-08 18:35:19 +08:00   1
    好名字...
    anson0370
        2
    anson0370  
       2013-10-08 18:39:17 +08:00
    这个名字……
    P233
        3
    P233  
       2013-10-08 18:57:37 +08:00
    "不习惯别人的 CSS,于是按自己习惯搞一套" +1
    paloalto
        4
    paloalto  
       2013-10-08 19:03:27 +08:00
    cool!
    kstsca
        5
    kstsca  
       2013-10-08 19:09:00 +08:00
    不错~收藏
    chshouyu
        6
    chshouyu  
       2013-10-08 19:11:47 +08:00
    table hover的颜色有一点点易混淆,btn的hover泛白,不是很好看。
    Ariagle
        7
    Ariagle  
    OP
    &nbp;  2013-10-08 19:15:58 +08:00 via iPhone
    @chshouyu table颜色还要再调,在一些浏览器、显示器里可能会看不见。button hover颜色有无建议?
    Mihuwa
        8
    Mihuwa  
       2013-10-08 19:24:00 +08:00 via iPhone
    收藏^_^
    yangff
        9
    yangff  
       2013-10-08 19:29:46 +08:00
    提个建议……Linux+Gnome3+chrome下select的滚动条略鬼畜。应该说滚动条都这样……但是页面的还可以,这个比较小显得略鬼畜。。我是说风格上,其他地方都是扁的,这个凸出来了……
    Ariagle
        10
    Ariagle  
    OP
       2013-10-08 19:38:45 +08:00
    @yangff 没办法,这是浏览器内置样式,没法改...(ノへ ̄、)
    所以我自己的话,对于<select>这类强带默认样式的元素都是能不用就不用……
    AstroProfundis
        11
    AstroProfundis  
       2013-10-08 19:50:23 +08:00
    赞~
    heidour
        12
    heidour  
       2013-10-08 20:10:01 +08:00 via iPhone
    This make me komochiii
    manoon
        13
    manoon  
       2013-10-08 20:32:03 +08:00
    为什么这么多人喜欢日本的单词。上午看到一个编辑也是这个STYLE的。
    fanTasy
        14
    fanTasy  
       2013-10-08 20:53:17 +08:00
    就冲你这名字

    其实样式最好是自己写滴 不然都木有个性了
    td width="auto" valign="top" align="left">
        15
    romoo  
       2013-10-08 21:14:22 +08:00 via iPhone   1
    -webkit-appearance:none
    romoo
    Ariagle
        16
    Ariagle  
    OP
       2013-10-08 21:57:18 +08:00
    @romoo
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    加上后,貌似没效果
    cutehalo
        17
    cutehalo  
       2013-10-08 22:08:48 +08:00
    @Ariagle 滚动条的样式也可以改...不过现在好像就支持webkit内核的
    http://css-tricks.com/examples/WebKitScrollbars/
    romoo
        18
    romoo  
       2013-10-08 22:12:25 +08:00
    @Ariagle 要用 mobile webkit 看。
    Ariagle
        19
    Ariagle  
    OP
       2013-10-08 22:24:48 +08:00
    @cutehalo
    @romoo
    好,回头做 mobile 相关的时候给加上~
    XXOO
        20
    XXOO  
       2013-10-09 13:09:56 +08:00
    ie6 兼容么哈哈.
    Ariagle
        21
    Ariagle  
    OP
       2013-10-09 13:17:21 +08:00 via iPhone   1
    @XXOO 只部分地兼容到8
    chiefly
        22
    chiefly  
       2013-10-09 14:14:26 +08:00
    @Ariagel Disabled inputs 的 textarea 还是可以编辑. BUG?
    Ariagle
        23
    Ariagle  
    OP
       2013-10-09 14:33:34 +08:00 via iPad
    @chiefly 故意的。使用.disabled的话只是加样式,实际不禁用;用disabled="disabled"才是真禁用。记得文档里写有。
    chshouyu
        24
    chshouyu  
       2013-10-09 15:33:52 +08:00   1
    @Ariagle 加深些好吧
    kingrever
        25
    kingrever  
       2013-10-09 16:15:56 +08:00
    期待那个php微框架。
    Chrics
        26
    Chrics  
       2013-10-09 16:37:09 +08:00
    收藏了。。
    feuvan
        27
    feuvan  
       2013-10-09 17:31:37 +08:00   1
    好名字。。。
    shierji
        28
    shierji  
       2013-10-09 18:17:26 +08:00
    可是我不喜欢圆角。。。。
    shierji
        29
    shierji  
       2013-10-09 18:17:41 +08:00   1
    另外名字很棒啊
    yue9
        30
    yue9  
       2013-10-09 20:00:35 +08:00   1
    期待 PHP 微框架
    SoberZhou
        31
    SoberZhou  
       2013-10-09 21:08:05 +08:00   1
    期待。 非常赞!
    leoleozhu
        32
    leoleozhu  
       2013-10-09 21:11:32 +08:00 via Android
    赞名字
    Livid
        33
    Livid  
    MOD
    PRO
       2013-10-10 04:25:15 +08:00
    写一篇博客分享一下这个 CSS 工具包的开发过程和用到的工具吧。
    jtn007
        34
    jtn007  
       2013-10-10 08:23:41 +08:00
    名字= =,楼主片看多了吧~
    maikcn
        35
    maikcn  
       2013-10-10 08:38:52 +08:00
    点个赞,特别是名字!
    Ariagle
        36
    Ariagle  
    OP
       2013-10-10 08:58:15 +08:00
    @Livid 接下来会把网站主页弄好,顺带写一个小 blog 程序,到时候可以写一下相关心得。
    zhujinliang
        37
    zhujinliang  
       2013-10-10 09:44:03 +08:00
    挺不错的,至于名字,期待楼主的 ikuzo.php 哈哈~
    zythum
        38
    zythum  
       2013-10-10 10:32:09 +08:00   1
    hzlzh
        39
    hzlzh  
    PRO
       2013-10-10 10:43:29 +08:00
    名字赞 Kimochi
    FrankFang128
        40
    FrankFang128  
       2013-10-10 10:54:39 +08:00
    颜色粉嫩,不适合俺
    Ariagle
        41
    Ariagle  
    OP
       2013-10-10 11:40:18 +08:00 via iPad
    @zythum 还不错,较 html5doctor 多了不少定义。
    family
        42
    family  
       2013-10-10 11:59:17 +08:00
    颜色好丑。。
    guotie
        43
    guotie  
       2013-10-10 15:33:12 +08:00   1
    @Ariagle 期待创作的过程的分享
    pppanda
        44
    pppanda  
       2013-10-10 17:36:14 +08:00
    比较喜欢的风格,我决定使用了
    wupher
        45
    wupher  
       2013-10-11 22:29:51 +08:00
    I love it.
    combll
        46
    combll  
       2013-10-12 00:13:01 +08:00
    这风格我喜欢
    qazwsxedc121
        47
    qazwsxedc121  
       2013-10-12 02:00:51 +08:00
    赞名字
    loser
        48
    loser  
       2013-10-16 17:20:56 +08:00
    好名字,已感谢!
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2314 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 16:05 PVG 00:05 LAX 09:05 JFK 12:05
    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