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

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

  •  
  •   Ariagle · 2013-10-08 18:26:46 +08:00 · 9230 次点击
    这是一个创建于 3824 天前的主题,其中的信息可能已经有所发展或是发生改变。
    项目主页:
    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
       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
    就冲你这名字◑﹏◐

    其实样式最好是自己写滴 不然都木有个性了
    romoo
        15
    romoo  
       2013-10-08 21:14:22 +08:00 via iPhone   ❤️ 1
    -webkit-appearance:none
    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
       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  
       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   ·   我们的愿景   ·   实用小工具   ·   5371 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 08:03 · PVG 16:03 · LAX 01:03 · JFK 04:03
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.