Category Archives: 設計
书写整洁优雅的CSS3代码
CSS3已经开始被大家广泛的运用到产品中的页面代码中去，CSS3带来的革新式的变化我在这里就不一一细说了。不过因为目前的CSS3还处在草案阶段，所以绝大部分的浏览器(除了opera应该是)都是使用的私有属性的方式来实现对CSS3的支持。比如firefox的-moz-前缀和webkit核心浏览器的-webkit-前缀等。 整洁优雅的代码能提高生产效率，特别是在团队合作中。我想很多人都习惯把css代码写成一行的形式，诸如这样： .main{width:960px;margin:0 auto;} .sidebar{width:233px;float:left;} .sidebar ul li{float:left} 采用这样的一行形式，能让你们整齐的排列相似父辈继承的样式，让他们很简单的能被查找到。当然为了更好的查找到代码，你们可能还需要一个注释。 /* something u want to say ————————————————–*/ .main{width:960px;margin:0 auto;} .sidebar{width:233px;float:left;} .sidebar ul li{float:left}
Mac版Doit.im发布啦！(2011-01-08更新)
呃，标题党了一下，这个并不是官方发布，这个版本是基于官方的linux版本进行修改的，纯属个人爱好业余时间进行修改。使用之前你可能需要有一个Doit.im的帐号。暂时没有登出账户功能，如果想切换账户，请右键应用程序 – 显示包内容 – Contents – Resources，然后删除doit.db文件即可。个人能力有限，可能会有不少bug，敬请见谅。目前没有自动更新功能，因为没有官方通知接口，所以请关注本博客的更新动态。
Read it later exporter – 导出你的Read it later的记录
事情的起因是Read it later(http://readitlaterlist.com/)伤了我的心，丢了我的不少数据。这个以前我极力向朋友推荐的信息时代的减压工具之一，因为我收录的网址太多了，然后很早以前的网址都丢失了。我记得最早版本的Read it later是和firefox本地书签关联的，除了服务器上的副本本地的书签里还有一个目录专门收藏着。作为云时代提供的云服务，用户的数据是十分重要的，虽说Read it later是免费服务，但是用户的数据都不能保障的话这是绝对不行的。
同步你的 Mercurial(Hg) 和 Git 版本库
我的Vim的配置文件之前都是托管在Bitbucket的，因为公司用的也是Hg，所以相对对于Hg使用更熟练一点。虽然Hg和Git都是分布式版本管理工具，但是Hg在使用上以及学习上确实简单不少，很容易上手了。但是还是有很多人是喜欢用Git的，所以我必须要把我的Vim的配置同时用Git来进行版本管理，然后push到著名的Github网站，这样Git使用者也可以很方便的watch以及pull我的最新配置(虽然目前还没有什么人watch…)。 之前的做法比较傻，为了让Git和Hg管理同一个目录，通常操作完Hg的push，然后再用Git进行commit然后push，虽然也是能达到版本库同步的目的，但是很繁琐，因为要分别用Hg和Git进行commit和push操作，有时候还会面临merge问题，实在不是一个好方法。
再谈谈文本编辑器Vim
早前写过一篇《VIM 新手上路》，算是个基础，让你面对VIM不再觉得这是一个多么反人类的编辑器啊。把VIM打造成了一般的文本编辑器的模样之后，如果想要使用的更加顺手，你知道，是需要安装很多实用的插件和修改你的配置文件的。之前我因工作需要在Windows操作系统下，所以我用的是gVIM，现在同样是因为工作需要，我用的是MacVim，这两个都是Vim的不同系统下的GUI版本。
溢出文本显示省略号,关于text-overflow:ellipsis的那些事
这个标题其实已经是一个老生常谈的问题了。很多时候，比如网站最基本的文章列表，标题会很长，而显示列表的区域宽度却没有这么宽，这时候最正常的做法就是让超出宽度的部分文字用省略号(…)来表示。通常做法是网站后台程序截取一定的字符然后输出到前台显示或者前台用javascript截取一定的字符，但是通过控制字数来截取的话还是存在一个大问题的，因为中文和英文的字符宽度问题，这个字数不好控制，而且通用性较差。那么有没有更好的方法呢，比如直接用CSS来解决的，当然是有的。
