V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
Ariagle

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

  •  
  •   Ariagle · Oct 8, 2013 · 10399 views
    This topic created in 4584 days ago, the information mentioned may be changed or developed.
    项目主页:
    http://www.cosify.com/work/kimochi.css

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

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

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

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

    其实样式最好是自己写滴 不然都木有个性了
    romoo
        15
    romoo  
       Oct 8, 2013 via iPhone   ❤️ 1
    -webkit-appearance:none
    Ariagle
        16
    Ariagle  
    OP
       Oct 8, 2013
    @romoo
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    加上后,貌似没效果
    cutehalo
        17
    cutehalo  
       Oct 8, 2013
    @Ariagle 滚动条的样式也可以改...不过现在好像就支持webkit内核的
    http://css-tricks.com/examples/WebKitScrollbars/
    romoo
        18
    romoo  
       Oct 8, 2013
    @Ariagle 要用 mobile webkit 看。
    Ariagle
        19
    Ariagle  
    OP
       Oct 8, 2013
    @cutehalo
    @romoo
    好,回头做 mobile 相关的时候给加上~
    XXOO
        20
    XXOO  
       Oct 9, 2013
    ie6 兼容么哈哈.
    Ariagle
        21
    Ariagle  
    OP
       Oct 9, 2013 via iPhone   ❤️ 1
    @XXOO 只部分地兼容到8
    chiefly
        22
    chiefly  
       Oct 9, 2013
    @Ariagel Disabled inputs 的 textarea 还是可以编辑. BUG?
    Ariagle
        23
    Ariagle  
    OP
       Oct 9, 2013 via iPad
    @chiefly 故意的。使用.disabled的话只是加样式,实际不禁用;用disabled="disabled"才是真禁用。记得文档里写有。
    chshouyu
        24
    chshouyu  
       Oct 9, 2013   ❤️ 1
    @Ariagle 加深些好吧
    kingrever
        25
    kingrever  
       Oct 9, 2013
    期待那个php微框架。
    Chrics
        26
    Chrics  
       Oct 9, 2013
    收藏了。。
    feuvan
        27
    feuvan  
       Oct 9, 2013   ❤️ 1
    好名字。。。
    shierji
        28
    shierji  
       Oct 9, 2013
    可是我不喜欢圆角。。。。
    shierji
        29
    shierji  
       Oct 9, 2013   ❤️ 1
    另外名字很棒啊
    yue9
        30
    yue9  
       Oct 9, 2013   ❤️ 1
    期待 PHP 微框架
    SoberZhou
        31
    SoberZhou  
       Oct 9, 2013   ❤️ 1
    期待。 非常赞!
    leoleozhu
        32
    leoleozhu  
       Oct 9, 2013 via Android
    赞名字
    Livid
        33
    Livid  
    MOD
    PRO
       Oct 10, 2013
    写一篇博客分享一下这个 CSS 工具包的开发过程和用到的工具吧。
    jtn007
        34
    jtn007  
       Oct 10, 2013
    名字= =,楼主片看多了吧~
    maikcn
        35
    maikcn  
       Oct 10, 2013
    点个赞,特别是名字!
    Ariagle
        36
    Ariagle  
    OP
       Oct 10, 2013
    @Livid 接下来会把网站主页弄好,顺带写一个小 blog 程序,到时候可以写一下相关心得。
    zhujinliang
        37
    zhujinliang  
       Oct 10, 2013
    挺不错的,至于名字,期待楼主的 ikuzo.php 哈哈~
    zythum
        38
    zythum  
       Oct 10, 2013   ❤️ 1
    hzlzh
        39
    hzlzh  
    PRO
       Oct 10, 2013
    名字赞 Kimochi
    FrankFang128
        40
    FrankFang128  
       Oct 10, 2013
    颜色粉嫩,不适合俺
    Ariagle
        41
    Ariagle  
    OP
       Oct 10, 2013 via iPad
    @zythum 还不错,较 html5doctor 多了不少定义。
    family
        42
    family  
       Oct 10, 2013
    颜色好丑。。
    guotie
        43
    guotie  
       Oct 10, 2013   ❤️ 1
    @Ariagle 期待创作的过程的分享
    pppanda
        44
    pppanda  
       Oct 10, 2013
    比较喜欢的风格,我决定使用了
    wupher
        45
    wupher  
       Oct 11, 2013
    I love it.
    combll
        46
    combll  
       Oct 12, 2013
    这风格我喜欢
    qazwsxedc121
        47
    qazwsxedc121  
       Oct 12, 2013
    赞名字
    loser
        48
    loser  
       Oct 16, 2013
    好名字,已感谢!
    fucker
        49
    fucker  
       Nov 20, 2025
    准备写个小项目,想起来 kimochi ,发现已经找不到了,而且时间竟然这么久了...
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   998 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 786ms · UTC 19:10 · PVG 03:10 · LAX 12:10 · JFK 15:10
    ♥ Do have faith in what you're doing.