早前写过一篇《VIM 新手上路》，算是个基础，让你面对VIM不再觉得这是一个多么反人类的编辑器啊。把VIM打造成了一般的文本编辑器的模样之后，如果想要使用的更加顺手，你知道，是需要安装很多实用的插件和修改你的配置文件的。之前我因工作需要在Windows操作系统下，所以我用的是gVIM，现在同样是因为工作需要，我用的是MacVim，这两个都是Vim的不同系统下的GUI版本。
Continue reading…

这个标题其实已经是一个老生常谈的问题了。很多时候，比如网站最基本的文章列表，标题会很长，而显示列表的区域宽度却没有这么宽，这时候最正常的做法就是让超出宽度的部分文字用省略号(…)来表示。通常做法是网站后台程序截取一定的字符然后输出到前台显示或者前台用javascript截取一定的字符，但是通过控制字数来截取的话还是存在一个大问题的，因为中文和英文的字符宽度问题，这个字数不好控制，而且通用性较差。那么有没有更好的方法呢，比如直接用CSS来解决的，当然是有的。
Continue reading…

今天才发现神奇的通讯工具秋秋上的生日可以指定为农历，可你知道，我并不是一个生日控，过了一个就够了。
之前公司说要送我的生日杯具今天终于拿到手了，图案是我自行设计的。作为一个前端，于是代码控了一把，印了一堆网页代码上去。
总体来说效果还挺不错，第一次印杯子图案，颜色有点偏色，CMYK不适用于杯子印刷咩？
Continue reading…

由Dustin Diaz推动的CSS NAKED DAY今年没有按时举行，在其网站上也没有贴出任何的今年的时间，但是推动Web标准发展应该是每位业界人士的一份责任，因此世界各地的人都延续传统，和去年一样是4月9日，大家都纷纷脱去了自己网站的衣服(CSS)，裸奔。

具体细节大家可以查看我去年的文章《拥抱 CSS 裸奔节，用 JavaScript 强制脱衣》。当然方法有很多，你想怎么裸就怎么裸。

祝大家裸奔愉快！羞。

如果你在疑惑为什么标题后面是个问号，因为我也不确定具体这个box-shadow属性是否消失后就不再回来了。发生了什么事？其实就是最近在看W3C关于css3的20091217文档的时候发现box-shadow属性已经没有任何说明了，只留下这么一段话：

This module previously defined a ‘box-shadow’ property. This feature has been removed from this module for further discussion, and should reappear in another CSS module (or a later version of this module) in the near future.
以前这个模块定义了一个‘box-shadow’属性。这个特性目前已从这个模块中移除以做进一步的讨论，并将会出现在别的 CSS 模块中(或者更高版本的此模块)在不久的将来。

你知道，在css3中box-shadow是一个非常好玩的属性，被用得最广泛的地方莫过于:focus后的input或者textarea，诸如本站的input和留言区域的textarea，你会发现在:focus的状态时是加了box-shadow属性的。如图：
未激活状态的textarea

激活状态的textarea

Continue reading…

CSS3随着浏览器的升级已经被越来越广泛的运用，合理的运用CSS3可以使你的网站更加美观，并且之前只能用js才能实现的效果也已经可以直接用CSS3来实现。但是虽然如此，很多浏览器对CSS3的支持还都是通过其私有属性来达到支持的，鲜有直接对W3C的标准来实现的。诸如firefox的-moz-和webkit的-webkit-属性前缀。

不过CSS3本身W3C也并未有正式版发布，现在还只是草案。下面我推荐两个很直观的，可视化的，自动生成CSS3样式代码的工具网站给大家。

1.CSS3 Generator

选择自己想要的CSS3属性，然后填写数值，右边便可直观的展示出效果了，然后你复制生成的样式代码即可。并且还列出了兼容这些样式的浏览器。可谓十分的方便。
http://www.css3generator.com/
Continue reading…