groove边框的使用

最近一个项目中,迷恋上了groove边框。灰色的背景下使用这个边框看上去就好像是刻在金属上的感觉。再配合上text-shadow,文字也好像是蚀刻在金属上的了,我很喜欢。

点这里直接看demo
关键代码如下,我选用了Calibri字体,看上去实在一点。用其他字体效果就不会很好。
Update:经网友Sinina提醒,Tahoma也很有质感。上面的demo里我已经换成Tahoma字体了。Tahoma在各个平台下通用性更高一点。推荐优先考虑Tahoma。

body{
background: #ddd;
font-family:Calibri;
color:#444;
}
table{
border-collapse:collapse;
}
th,td{
border: 2px groove #fff;
text-shadow: 0px -1px #bbb,1px 1px #fff;
}
td:active{
border-style: solid;
border-color: #aaa #fff #fff #aaa;
}

用版本控制工具管理VIM配置文件和插件

方便多台电脑,以及不同系统之间同步VIM配置文件

如果在win下,把配置写到 vimfiles/vimrc
如果在linux下,就是把配置写在 ~/.vim/vimrc 里

然后原先的_vimrc 或者 ~/.vimrc 文件里写入下面这句话
runtime vimrc
这句话会载入运行时中第一个叫做vimrc的文件

如果你有gvimrc文件,则跟上面一样操作

然后只需要对 vimfiles 文件夹进行版本控制就可以了,
换到其他系统,比如 linux 和 mac 下,也只需要在 ~/.vim/下面 update 就可以了

参考:
http://vim.wikia.com/wiki/Version_Control_for_Vimfiles

P.S. 中文资料比较匮乏,先前我使用的是source的方法。
后来用了英文关键字搜索才找到算是官方的wiki的,发现了这个runtime命令。
不得不说,vim作者考虑的很详尽,不愧是发展了几十年近20年的编辑器了。

附:
我的vimfiles,还很原始,配置中,尚未能用于生产。全中文注释,仅供参考。
http://bitbucket.org/shawphy/vimfiles/src/

TortoiseHg 设置语言成中文

最近逐步打算把各种项目从 svn 迁移到 hg,之所以不用 git,
一方面是第一次用的时候感觉很痛苦,没掌握门道;
另一方面是google code 他们也选择了hg而不是git;
还有一点是,我更喜欢Python。

google 专门撰写了文章分析了为何选择使用hg而不是git,
翻译的可以看这篇 [翻譯]Git 與 Mercurial 的分析

而 hg 在 windows 平台上最好用的除了直接用命令行之外,
还有就是这个 TortoiseHg
但他有点小小的问题,就是中文化起来很不方便,
这个问题已经提交过issue,不知道以后版本会不会有所改善。

其实设置语言的方法在文档里有详细说明:
如果你安装后还是英文,想要切换语言的话,只需要设置环境变量,增加一个 LANGUAGE,设置为zh_CN 就可以了

哪里设置环境变量?
系统属性(就是“我的电脑”属性)里,高级,环境变量,
然后在下面的系统变量里边增加一个 LANGUAGE,设置为zh_CN 就可以了

仅仅这样你会发现他右键菜单还是英文的,设置右键菜单需要到
C:\Program Files\TortoiseHg\cmenu_i18n\
里边,找到对应的语言,比如简体中文是 thg-cmenu-zh_CN.reg
导入注册表就可以了。

原来IE还能这样禁止输入中文

今天遇到个诡异bug,设计丢过来的皮肤测试下来无法在文本框中输入中文,输入法调不出来。
本来以为是设置了ime-mode,结果搜了半天没找到。
调试了半天原来设计那边误加了这样一段代码

input{
bblr:expression(this.onFocus=this.blur());
}

本来这句应该是用在链接 a 标签上的,用于去除虚线框,他是让链接元素一获得焦点,立即触发失去焦点的事件。结果在IE中就导致了在input中无法激活输入法了,因为系统认为你根本没有在输入框中嘛~
调试的很辛苦,不过这个发现很有趣。算是一个IE-Only的小hack吧,而且超好用。仅在ietester中测试过ie6和系统自带的ie8,其他的大家试着玩吧。
另外,我不反对使用css表达式,为了实现功能,用用也无妨,毕竟用户电脑卡死的几率较小,而功能不实现的话100%就是失败了。不兼容其他浏览器,那是另一回事了。比如网银,比如公司内部系统什么的,还是很有现实意义的小技巧