agon-Archive for December, 2009

Archive for December, 2009

Happy New Year

December 31st, 2009, Posted by: agon   

再过十几分钟,2010就要来了,明天也是自己的生日,并且阴历和阳历的生日只差一天,已经整整活过了26年头,要迈向第27个年头。

回望这一年,过得几乎和去年一样,一样更衰,想象明年,希望或计划可能会在年尾变成泡沫儿。

从毕业到现在3年多,大部分时间都在家里当隐蔽青年。明年是肯定要结束这样的日子。

除了呻吟几句,还能怎样,

愿都健健康康就好。

快十二点了,睡觉。

又换主题了

December 29th, 2009, Posted by: agon   

一直想有一个看起来很简单的主题,原来的主题需要的图片太多,div嵌套的过多,参照WordPress 2.8 Theme Design这本书,从头开始,自己写一个主题。

黑色背景,省电,背景图片变成一张,post栏宽度随分辨率变化,侧边栏固定宽度,访问速度也比原来提高了1秒多,大概3秒左右就可以看到post了,大体结构弄完了,不会用photoshop,没有美术细胞,美化以后慢慢弄吧。

基本上写完一个主题,css也差不多入门了。

现在YSlow得分为A了。

word-wrap可在firefox自动换行

December 13th, 2009, Posted by: agon   

word-wrap可以自动中断连续的长引文字母,以防止撑破布局,只是这个属性是微软自己发明的,不被css2支持,所以firefox下处理这种问题一直比较烦人,要么是用css

overflow:auto;  /*for firefox*/
word-wrap:break-word;/*for ie*/

通过overflow设置过长字母为滚动或者hidden,要么是用js控制,非常不方便。

因为准备为自己写一个简单一点的主题,发现word-wrap在firefox下面起作用了。一查原来微软也是css的成员,这个属性被添加到了css中,所以IE, Safari, and Firefox(高于 3.1 (Alpha))都支持这个属性了,看示例(来源):

This paragraph has long words thisisaveryverylongwordthatisntreallyoneword and again a longwordwithnospacesinit

This paragraph has long words thisisaveryverylongwordthatisntreallyoneword and again a longwordwithnospacesinit

注意:避免在<pre>内使用,如果你是在
<pre>标签内使用word-wrap属性的,firefox下会不起自动换行作用,用white-space: pre-wrap;

所以,虽然ie同学很恼人,但也是有贡献地。

我的YSlow得分

December 10th, 2009, Posted by: agon   

YSlow是firefox上的firebug的一个配件,可以根据网站的前端优化情况,以22条目为基础,每个条目分(A-F)5级,根据优化的不同程度来打分。

刚在阅微堂看到zhiqiang可以到90几分。由于自己用的是国外免费空间,性能一般,所以当初就是受他的启发,对自己的博客进行前台优化。后来又在askapache上看到很多关于.htaccess使用设置方法。我自己最后也弄出一个各种情况下的完美gzip压缩解决办法,总结了一些cache优化设置

在一个包含文字和图片的post上测试了一下,除了请求数太多,和没办法的CDN,其他都是A。请求数太多是因为这个主题的图片有几十张,也很难用css显示整合的图片,由于重写了这个主题css结构,花了很长时间,一直不舍得换。google的速度快,这个站流量又非常小,所以我就把所有的图片和播放器文件都放到了gae,这样一般情况下,这个空间就只返回一个静态页面和css,其他的静态文件都从gae下,速度好了很多,唯一担心的是gae可能要被风。正准备以首页的风格,自己写一个主题,倒时候俺也能跑到90多分了。

当然分值只能说明一部分,还是以用户第一时间能够看到想要看的内容为标准。

Charlotte Gainsbourg的新单曲

December 9th, 2009, Posted by: agon   

今天没事贴歌玩,美女Charlotte Gainsbourg新mv。

Page 1 of 212