三月 02, 2007

template update

最近比较集中的对模板作了一些修改,不过只从表面上看的话,应该不会感觉到什么太大的变化,这也正符合我低调稳重朴实的行事风格.

首先是css部分:
  • 清理了原先存在的错误格式;
  • 字体的大小现在由em进行比例控制;
  • 原先#main和#sidebar用padding来定位,现在改成用margin居中;
  • 原先一小部分残留在模板里的style基本转移完毕,剩下的应该只有控制隐藏的display:none和隐藏部分右上关闭按钮的align: right;
  • 修改了很多布局细节

其次是模板的标准化,根据w3 validator的意见,修改了很多代码.其他post部分的html有时也不是很标准,目前模板本身存在不符合标准并且被标为error的部分如下:
  • 最上面的noscript标签,这是针对浏览器没有启用js的提醒,我不知道符合标准的表达形式应该是怎样.
  • name="xxx"之类的标签,xhtml不认识,但是切换隐藏显示状态需要它,也许有办法修改js换成其他标签,但是这对一个js废柴来说难度太大.
  • 发表评论链接url里的&---这部分归blogger.com负责,我搞不定
  • 下面google reader share链接url里的&,这部分我倒是可以去掉,但是暂时想不出什么合适的内容来填掉中间的空白.

第三是用google ajaxsearch api弄了一个站内搜索.这部分整整调了将近一星期才搞定,期间帮助文件sample code翻的不亦乐乎,终于成功实现,目前最大的问题应该就是google收录页面太少,以至于基本上都搜不到什么东西..orz.另外搜索界面模仿的是 lightbox,只是不懂为什么他们把高亮部分也用绝对定位---很明显这样会遇到不能适应分辨率的问题,我是把高亮部分放进overlay里然后让它居中搞定的.

最后是javascript修改:原先一直用blogger帮助文件里提到的方法来控制首页上评论的切换,这个方法有个弱点:如果浏览器没有启用js,点击评论的时候会跳到一个不存在的页面.因为我本人是noscript 的忠实用户,所以这个弱点一直让我觉得不舒服.现在的js修改自google英文首页的某个,链接同时具有href和onclick,没有启用js的话, 会跳到href指向的链接.

顺便说一下我对js的看法,js能实现很多功能,但是我们不应该为加载js浪费太多时间,如果在页面上塞进去一堆js而不能保证加载的速度,打开页面的时候在某个站外js那里卡半天,那看起来就应该挺sb的.我目前用的js里,google analytics,google reader,google ajaxsearch,blogger backlink这四个属于google管辖,应该不用担心速度的问题,另外两个toogle.js和googleajax.js,前者是隐藏显示的切换工具,大小263b,后者是ajax search的设置,大小931b,理论上应该不会对速度造成太大影响.
发表评论