时光博客 - WEB开发中的可用性和用户体验
2009年10月的文章

时光博客的Picasa相册

google如此好的产品竟然也被水产了,我TC无比神奇。为了保障大家无障碍阅览时光博客的Cosplay图集,现在手把手教大家穿墙术。引用keso的一句话

keso是谁?
作为一个有点上进心的中国网民,穿墙术是你必须掌握的生存技能之一。

如果你是WIN用户,开始 - 运行 - 输入“C:\windows\system32\drivers\etc

用记事本或者文本编辑软件打开 hosts 文件,在最下面加入(直接CTRL+C 即可)

203.208.39.104 picadaweb.google.com
203.208.39.104 lh1.ggpht.com
203.208.39.104 lh2.ggpht.com
203.208.39.104 lh3.ggpht.com
203.208.39.104 lh4.ggpht.com
203.208.39.104 lh5.ggpht.com
203.208.39.104 lh6.ggpht.com
203.208.39.104 lh7.ggpht.com
203.208.39.104 lh8.ggpht.com

这时你再打开时光博客 - Picasa 相册会发现

图片附件(缩略图):
picasa of liupeng.jpg

大小: 222.84 K
尺寸: 500 x 398
浏览: 384 次
点击打开新窗口浏览全图

CSS的border实现三角的随想

沉寂了好久哇,今天出了冒个泡,证明我还活着,然后再有模有样来篇技术稿,然后继续沉寂。

今天在CSS88的博客看到一篇有趣的文章《用css的border属性实现三角》。首先我会站在自己角度思考一下,如果要实现这样的三角效果,我会采取哪种方法?

我的第一反应就是用图片,但是同时也考虑到图片的缺点,如果以个页面需要几种样式的三角,是不是需要做几种图片?另外如果页面有换肤的需求,是不是同时图片也得换?

于是出于优化的思想考虑,看到用CSS来解决三角应该属于最佳解决方案吧,至少节约了三角图片的下载时间和便于换肤。但是也有他的缺点,因为是CSS的,所以必须考虑到各个浏览器对css的兼容状态。

当然本文仅讨论如何用border实现三角。首先来看下面以副图片: