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

Home Sign Up Sign In

爱意满满的作品展示区。

This topic created in 4625 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

1

leojoy710

Oct 8, 2013

1

好名字...

2

anson0370

Oct 8, 2013

这个名字……

3

P233

Oct 8, 2013

"不习惯别人的 CSS，于是按自己习惯搞一套" +1

4

paloalto

Oct 8, 2013

cool!

5

kstsca

Oct 8, 2013

不错～收藏

6

chshouyu

Oct 8, 2013

table hover的颜色有一点点易混淆，btn的hover泛白，不是很好看。

7

Ariagle

OP

Oct 8, 2013 via iPhone

@chshouyu table颜色还要再调，在一些浏览器、显示器里可能会看不见。button hover颜色有无建议？

8

Mihuwa

Oct 8, 2013 via iPhone

收藏^_^

9

yangff

Oct 8, 2013

提个建议……Linux+Gnome3+chrome下select的滚动条略鬼畜。应该说滚动条都这样……但是页面的还可以，这个比较小显得略鬼畜。。我是说风格上，其他地方都是扁的，这个凸出来了……

10

Ariagle

OP

Oct 8, 2013

@yangff 没办法，这是浏览器内置样式，没法改...(ノへ￣、)
所以我自己的话，对于<select>这类强带默认样式的元素都是能不用就不用……

11

AstroProfundis

Oct 8, 2013

赞～

12

heidour

Oct 8, 2013 via iPhone

This make me komochiii

13

manoon

Oct 8, 2013

为什么这么多人喜欢日本的单词。上午看到一个编辑也是这个STYLE的。

14

fanTasy

Oct 8, 2013

就冲你这名字◑﹏◐

其实样式最好是自己写滴不然都木有个性了

15

romoo

Oct 8, 2013 via iPhone

1

-webkit-appearance:none

16

Ariagle

OP

Oct 8, 2013

@romoo
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
加上后，貌似没效果

17

cutehalo

Oct 8, 2013

@Ariagle 滚动条的样式也可以改...不过现在好像就支持webkit内核的
http://css-tricks.com/examples/WebKitScrollbars/

18

romoo

Oct 8, 2013

@Ariagle 要用 mobile webkit 看。

19

Ariagle

OP

Oct 8, 2013

@cutehalo
@romoo
好，回头做 mobile 相关的时候给加上～

20

XXOO

Oct 9, 2013

ie6 兼容么哈哈.

21

Ariagle

OP

Oct 9, 2013 via iPhone

1

@XXOO 只部分地兼容到8

22

chiefly

Oct 9, 2013

@Ariagel Disabled inputs 的 textarea 还是可以编辑. BUG？

23

Ariagle

OP

Oct 9, 2013 via iPad

@chiefly 故意的。使用.disabled的话只是加样式，实际不禁用；用disabled="disabled"才是真禁用。记得文档里写有。

24

chshouyu

Oct 9, 2013

1

@Ariagle 加深些好吧

25

kingrever

Oct 9, 2013

期待那个php微框架。

26

Chrics

Oct 9, 2013

收藏了。。

27

feuvan

Oct 9, 2013

1

好名字。。。

28

shierji

Oct 9, 2013

可是我不喜欢圆角。。。。

29

shierji

Oct 9, 2013

1

另外名字很棒啊

30

yue9

Oct 9, 2013

1

期待 PHP 微框架

31

SoberZhou

Oct 9, 2013

1

期待。非常赞！

32

leoleozhu

Oct 9, 2013 via Android

赞名字

33

Livid

MOD

PRO

Oct 10, 2013

写一篇博客分享一下这个 CSS 工具包的开发过程和用到的工具吧。

34

jtn007

Oct 10, 2013

名字= =，楼主片看多了吧~

35

maikcn

Oct 10, 2013

点个赞，特别是名字！

36

Ariagle

OP

Oct 10, 2013

@Livid 接下来会把网站主页弄好，顺带写一个小 blog 程序，到时候可以写一下相关心得。

37

zhujinliang

Oct 10, 2013

挺不错的，至于名字，期待楼主的 ikuzo.php 哈哈~

38

zythum

Oct 10, 2013

1

reset.css 推荐使用
https://github.com/necolas/normalize.css/blob/master/normalize.css

仅建议

39

hzlzh

PRO

Oct 10, 2013

名字赞 Kimochi

40

FrankFang128

Oct 10, 2013

颜色粉嫩，不适合俺

41

Ariagle

OP

Oct 10, 2013 via iPad

@zythum 还不错，较 html5doctor 多了不少定义。

42

family

Oct 10, 2013

颜色好丑。。

43

guotie

Oct 10, 2013

1

@Ariagle 期待创作的过程的分享

44

pppanda

Oct 10, 2013

比较喜欢的风格,我决定使用了

45

wupher

Oct 11, 2013

I love it.

46

combll

Oct 12, 2013

这风格我喜欢

47

qazwsxedc121

Oct 12, 2013

赞名字

48

loser

Oct 16, 2013

好名字,已感谢!

49

fucker

Nov 20, 2025

准备写个小项目，想起来 kimochi ，发现已经找不到了，而且时间竟然这么久了...

About · Help · Advertise · Blog · API · FAQ · Solana · 857 Online Highest 6679 ·

Select Language

创意工作者们的社区

World is powered by solitude

VERSION: 3.9.8.5 · 125ms · UTC 19:58 · PVG 03:58 · LAX 12:58 · JFK 15:58
♥ Do have faith in what you're doing.