Category Archives: Skill | 技术

My Second Life.

溢出文本显示省略号,关于text-overflow:ellipsis的那些事

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

Posted in Skill | 技术 | 68 Comments

2010 年 CSS 裸奔节 !

由Dustin Diaz推动的CSS NAKED DAY今年没有按时举行,在其网站上也没有贴出任何的今年的时间,但是推动Web标准发展应该是每位业界人士的一份责任,因此世界各地的人都延续传统,和去年一样是4月9日,大家都纷纷脱去了自己网站的衣服(CSS),裸奔。 具体细节大家可以查看我去年的文章《拥抱 CSS 裸奔节,用 JavaScript 强制脱衣》。当然方法有很多,你想怎么裸就怎么裸。 祝大家裸奔愉快!羞。

Posted in Skill | 技术 | 18 Comments

消失的CSS3 box-shadow 属性?

如果你在疑惑为什么标题后面是个问号,因为我也不确定具体这个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 模块中(或者更高版本的此模块)在不久的将来。 … Continue reading

Posted in Skill | 技术 | 13 Comments

转换你的 Subversion 到 Git

当我发现我很感兴趣的项目都被其作者托管在Github的时候,让我萌生了对Git的好奇。虽然我已是如此的奥特曼,但是还是有必要写出来分享给其他还未接触 Git 的人的。之前我有介绍过《在Google Code上用 Mercurial 取代 Subversion 管理你的项目》,其实就是教大家如何把 SVN 转换到 Mercurial 且保留全部的历史记录。本文讲的则是另外一则,是教大家如何转换 SVN 到 Git,网上其实有不少的教程,但是都没有从 SVN 的 tags 到 Git 的 tags,本文提供了另外一则转换的指南,如果有不妥的地方,望请 Git 高手指教并指正。

Posted in Skill | 技术 | 16 Comments

在Google Code上用 Mercurial 取代 Subversion 管理你的项目

之前,我一直都是用的SVN作为我日常的版本控制工具,诸如代码啊文档啊之类的东西。至于CVS这么复古的版本控制工具更是没有机会去尝试。说到SVN控制版本的话,作为托管服务商比较好的就有google code,本人也一直在使用。最近,由于一些项目的原因,了解到了另外一个版本控制工具Hg,当然Hg不是它的原名,原名叫Mercurial,都是水银的意思,所以通常称呼为Hg。

Posted in Skill | 技术 | 18 Comments

在Vim里玩Zen Coding

Zen Coding确实是一个很不错的快速写代码的方式,自@zen_coding发布以来,受到了不少前端人士的追捧和青睐。试想只要输入div#content>h1+p即可得到<div id=”content”><h1></h1><p></p></div>这么一段代码,无疑减少了很多次对键盘的敲击,省力省键盘。你想更多的了解Zen Coding可以戳此查看更详细的介绍。

Posted in Skill | 技术 | 36 Comments