RSS Top Foot Twitter
2009/06/17/ 夏日燥热,厌倦的情绪,无处可逃。

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

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

我的MBP 373初次亮相

入手MBP 373已经一个月有余了,还木有让爱机正式露面,实在是罪过罪过。最近还是有点小忙,都没有什么心得分享给大家,蜗牛表示很抱歉。
废话不多说,上片。
2.66GHz MacBook Pro (MC373CH/A) / 2.66GHz Intel Core i7 / 1680 x 1050 雾面
MBP 373雾面i7
Continue reading…

俺还活着

Mr Raindrop

呃,老久老久没更新blog了,期间,发生了挺多事情,当然,除去一些不好的,还是有很多好的事情的。比如,换工作了。比如,入手了一台MBP。
不好的事情,我只是想说,在这个流氓横飞的年代,光有理是不行的,更要有力,否则,你什么都保护不了。
至于新公司,也就是doit.im的创办公司,我们正在做着为改善人们生活品质的工作,让您玩的时候开心,工作的时候也充满效率。
最后,我只是想说,俺还活着。
最最后,推荐下我们的产品Doit.im,目前只是一款WEB版的GTD软件,以后会有更多的版本(Win/Mac/iPhone/Android…)。
Continue reading…

一个生日杯具

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

2010 年 CSS 裸奔节 !

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

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

祝大家裸奔愉快!羞。

消失的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 模块中(或者更高版本的此模块)在不久的将来。

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

  1. Page 1 of 29
  2. 1
  3. 2
  4. 3
  5. 4
  6. 5
  7. 6
  8. 7
  9. ...
  10. 29
  11. All
    Follow us on Twitter