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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 4098 天前的主题，其中的信息可能已经有所发展或是发生改变。

项目主页：
http://www.cosify.com/work/kimochi.css

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

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

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

接下来准备再发布一个 PHP 微框架 :)

CSS

样式

习惯

48 条回复 • 1970-01-01 08:00:00 +08:00

leojoy710

2013-10-08 18:35:19 +08:00

好名字...

anson0370

2013-10-08 18:39:17 +08:00

这个名字……

P233

2013-10-08 18:57:37 +08:00

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

paloalto

2013-10-08 19:03:27 +08:00

cool!

kstsca

2013-10-08 19:09:00 +08:00

不错～收藏

chshouyu

2013-10-08 19:11:47 +08:00

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

Ariagle

2013-10-08 19:15:58 +08:00 via iPhone

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

Mihuwa

2013-10-08 19:24:00 +08:00 via iPhone

收藏^_^

yangff

2013-10-08 19:29:46 +08:00

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

Ariagle

2013-10-08 19:38:45 +08:00

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

AstroProfundis

2013-10-08 19:50:23 +08:00

赞～

heidour

2013-10-08 20:10:01 +08:00 via iPhone

This make me komochiii

manoon

2013-10-08 20:32:03 +08:00

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

fanTasy

2013-10-08 20:53:17 +08:00

就冲你这名字◑﹏◐

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

romoo

2013-10-08 21:14:22 +08:00 via iPhone

-webkit-appearance:none

Ariagle

2013-10-08 21:57:18 +08:00

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

cutehalo

2013-10-08 22:08:48 +08:00

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

romoo

2013-10-08 22:12:25 +08:00

@Ariagle 要用 mobile webkit 看。

Ariagle

2013-10-08 22:24:48 +08:00

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

XXOO

2013-10-09 13:09:56 +08:00

ie6 兼容么哈哈.

Ariagle

2013-10-09 13:17:21 +08:00 via iPhone

@XXOO 只部分地兼容到8

chiefly

2013-10-09 14:14:26 +08:00

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

Ariagle

2013-10-09 14:33:34 +08:00 via iPad

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

chshouyu

2013-10-09 15:33:52 +08:00

@Ariagle 加深些好吧

kingrever

2013-10-09 16:15:56 +08:00

期待那个php微框架。

Chrics

2013-10-09 16:37:09 +08:00

收藏了。。

feuvan

2013-10-09 17:31:37 +08:00

好名字。。。

shierji

2013-10-09 18:17:26 +08:00

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

shierji

2013-10-09 18:17:41 +08:00

另外名字很棒啊

yue9

2013-10-09 20:00:35 +08:00

期待 PHP 微框架

SoberZhou

2013-10-09 21:08:05 +08:00

期待。非常赞！

leoleozhu

2013-10-09 21:11:32 +08:00 via Android

赞名字

Livid

MOD

2013-10-10 04:25:15 +08:00

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

jtn007

2013-10-10 08:23:41 +08:00

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

maikcn

2013-10-10 08:38:52 +08:00

点个赞，特别是名字！

Ariagle

2013-10-10 08:58:15 +08:00

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

zhujinliang

2013-10-10 09:44:03 +08:00

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

zythum

2013-10-10 10:32:09 +08:00

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

仅建议

hzlzh

2013-10-10 10:43:29 +08:00

名字赞 Kimochi

FrankFang128

2013-10-10 10:54:39 +08:00

颜色粉嫩，不适合俺

Ariagle

2013-10-10 11:40:18 +08:00 via iPad

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

family

2013-10-10 11:59:17 +08:00

颜色好丑。。

guotie

2013-10-10 15:33:12 +08:00

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

pppanda

2013-10-10 17:36:14 +08:00

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

wupher

2013-10-11 22:29:51 +08:00

I love it.

combll

2013-10-12 00:13:01 +08:00

这风格我喜欢

qazwsxedc121

2013-10-12 02:00:51 +08:00

赞名字

loser

2013-10-16 17:20:56 +08:00

好名字,已感谢!