Ariagle
V2EX  ›  分享创造

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

By Ariagle at 2013 年 10 月 8 日 · 10909 次点击
项目主页:
http://www.cosify.com/work/kimochi.css

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

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

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

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

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