前两天在Smashing Magazine上看到他们推荐了50款优秀的blog设计，都很不错只是大都不简约，这时忽然看到其中有一款简洁大方的blog设计图，不错，虽然算不华美，但够简练，配上博主经济的布局的确体现了一种简约的风格。很欣赏，于是估摸着把人家的样式也倒腾到自己的博客上，嘿嘿~

       该洋人的博客非常简单直白，Neil Scott的大名赫然在上，不管他是谁，既然被推为典范那我就做回拿来主义者了。花点时间捣鼓一番，今天算是完工了。当然与人家原来的样式是有所不同的，自己没点创意光照搬就没意思了不是。这次模板更新还使用了一点CSS 3的特性，比如块级元素的圆角，以前要用图片来补充做这个，比较麻烦，现在只要一条简单的CSS代码就搞定了。不过我估计大多数人在我这里看不到圆角，主要因为主流浏览器还不支持，不过用firefox 3来访问就没问题，再加上使用微软的雅黑字体，那网页的呈现就堪称完美了；）别美了就~

       不过说到微软，最近的“黑屏事件”似乎让他们有点打蛇不成反被咬的尴尬，其实我也是盗版用户，不过没被黑，因为那并不是强制安装的嘛。微软的下一代系统Vista有点华丽过分了，以至臃肿而低效率，他们也不得不面对用户更青睐XP所带来的尴尬。要说微软推出的Vista不好也不尽然，微软在Vista里使用了上面提到的“雅黑”就非常棒，是我见过最好的中文字体，国内也有其他类似一些不错的中文字体，但在渲染上雅黑还是胜出一筹，清晰易辨，又有点巧克力的味道，可见微软还是有两把刷子的。现在用惯了雅黑回头在看那些皱巴巴的宋体、黑体什么的，简直有点无法忍受，哈哈~

         新做的这个模板比较简单，无非就是写写CSS，这次只不过运用了jQuery的一个叫jTabber的效果插件，使导航栏有种选项卡的感觉。我比较喜欢这种效果，因为这样的网页比较简约，没有多个分栏产生的繁杂感。这次改版最大的变化不在外表而在于添加了一些额外的功能，比如留言板，x-wood制作的flash留言板的确很棒，比cbox或shoutmix那些呆板的样式更活泼，以后各位就可以在本站留言了。其他的功能还包括Plurk和Delicious书签，plurk是类似饭否的那种一句话博客，可外链，个人感觉plurk更有趣一些；Delicious书签就不用多说了，我电脑里的书签都同步到Delicious上了，现在在这里就能看到我最新收藏的书签。

         另外，在“关于”一栏中的关键词列表还使用了tag cloud效果，使用最多的关键词字体越大，反之越小，感谢blogbus hack制作了这么cool的效果。由于这次整合了不少资源和效果，所以有可能会导致网页载入变慢，尤其是使用版本较旧的浏览器，但总的来说也不会太离谱。

      写CSS是很有趣的，因为这算是一种设计，如果这设计里有出彩的地方自己也会得意，不过有时候CSS是让人痛苦的。由于各种浏览器对网页的渲染标准不同，所以就会出现一个CSS表单在firefox里的效果很完美但到了IE那里就错位的一塌糊涂。这几天正在设计一个新的页面，却不巧又被CSS给弄得狼狈不堪，当然罪魁祸首还是IE。本来CSS的部分已经完成的差不多了，没想到最后还是在IE7中渲染时出现错位，折腾了老半天也没整明白问题出哪儿，我反复查看代码确定自己没有写错的地方，后来发现IE7解析html时有bug，li元素会“吃掉”与之相邻的同级div元素，真让人哭笑不得，并列的同级元素在IE7那里怎么解析成了隶属关系呢？有图为证：

     另外，有些人包括我都喜欢在页面上添加一个额外的层，使之固定在浏览器的顶端或低端不随滚动条活动而移出视线，比如现在任何一个搜狐博客上都会看到这样一个固定的工具条。要做到这点有一个简单通行的做法，就是通过CSS在这个层上定义一个{position:fixed}，很简单，但也存在问题，每当滚动这样的页面时浏览器会消耗更多的CPU资源，尤其是网页上还有不少图片时，那时你会发现页面上下滚动很不流畅，很卡，CPU占用可达100%，似乎那些设计页面的人从没有注意到这点。这样的页面一点也不会让人惬意，因此我一直没有在博客的页面上运用这个把戏。不过后来我倒是找到了一个不错的方法来解决这个问题，那就是通过js脚本控制div的自适高度来实现，在我即将完成的新设计中你就会看到。

      在新的设计中整合了很多所谓web2.0的东西，比如twitter、豆瓣、音乐在线播放等。在线音乐播放方面本想整合StreamZo的资源，因为速度快、可外链，但现在这个网站无法访问，不知是否涉嫌侵权或是网站没有在当局备案的缘故，反正StreamZo一直不稳定。现在打算改用音乐八宝盒8box，这网站有人气，但不够灵活设计也很一般，不过好歹播放器是可外链的，而且比较方便，姑且用之。豆瓣还不错也会放在页面上，只是很自恋，话说回来，博客也很自恋，有时甚至让人生厌！不管怎样，姑且享受设计的过程和过后那微不足道的一点所谓自豪感。