订阅此博客

Archive for 五月, 2009

Yslow2值得一用

2009-05-14 下午 - Web Development - - -

以前装的1.0版本,个人一直都认为对于blog而言过于严格,很多项都是直接和服务器的配置有关,而小空间,人家提供商未必会将服务做到这等地步,因此一直以来就没花心思在这上面。

现在升级2.0.0b3了,专门提供了Small Site or Blog检测的选项(1.0时期很少关注,不知道是否也有),非常不错!初测得了个B,问题不大,减少些http的请求以及Reduce DNS lookups估计就到A了。

升级或安装:

  1. 如果你已经安装了低版本,打开Firefox-工具-附加组件-扩展-查找更新-确认更新。即可!
  2. 尚未安装过的,且没装过firebug的,请先下载安装firebug,再下载安装Yslow2,即可!

也来说说inline-block

2009-05-7 下午 - Web Development - -

先看看demo,有了inline-block,就可以某种程度上代替了float啦!

支持的:FF3、IE8、Safari、Opera、Chrome

未支持的:IE6、IE7、FF2

下面我们就一一来解决它。

解决FF2:display: -moz-inline-stack 由于FF2未与display:inline-block“达成共识”!但有这一私有属性能顶顶也不错。

解决IE系列:display:inline 针对IE系列,切记需要触发layout,这里使用的是zoom:1。IE7下需要单独设置该值为inline,那么利用星号Hack干掉它!

至此这3个浏览器的兼容性得到解决,可惜的是,直接用于项目里是不放心的,等待着IE8的普及吧!不过及早的了解它未尝不是一桩妙事!

最后总结一下:

.box{
display: -moz-inline-stack; /* FF2 */
display:inline-block;
*display:inline; /* IE7 */
zoom:1; /* IE系列*/
vertical-aligntop;
width:auto的值;
height:auto的值;
}

推荐阅读:

模拟兼容性的 inline-block 属性

跨浏览器的inline-block

全新Skin,改头换面

2009-05-7 上午 - 我的生活 -

奋战3个夜晚,新的皮肤总算弄得个七八成了,准备再花点时间修饰下“日期”,基本就算大功告成啦。

这一版本与之前版本的风格有很大差异,其实也并非偶故意这样只设计的,因为设计了好几个样式,最终只是选择了这个,近段比较喜欢这类设计元素,朴素而大方,又不缺少华丽。一开始想使用一些细细的花纹,但苦于没找到中意的素材,所以就搁置这个想法啦!就先这样啦!细节慢慢改进ing…