对Blog的前端略作改进

昨天大概花了一上午加一晚上的时间对Blog的操作性和细节进行了小小的调整。Waki-Blog的核心代码已经将近一年没有进行过重大的调整和维护了,对于一个人从零开始建造并维护这样一个工程我自己都有点惊讶。

昨天主要改进了三个地方,两处前端一处后台。

1.在页首添加了工具栏,改善操作不便。

此前Blog的功能链接我都放在sidebar里,但目前这个主题再放在sidebar里的话怎么弄都不好看,于是只好放进了footer里。但功能链接放进footer里所带来的一大问题就是操作非常的不便。这次就在header里增加了一个工具栏来弥补这个缺陷。目前的设计是:
·在登录前,工具栏显示“登录、注册、移动版”的链接(目前我关闭了注册,所以看不到注册链接)。
·登陆后根据用户权限自动显示用户可以进行的操作。
·页面载入完成之后,工具栏从不透明渐变成70%透明(先通过透明度渐变动画提示用户工具栏的存在,然后淡出其在视野内所占比重,让用户的注意力重新回到内容上去)。鼠标移入工具栏区域后恢复不透明,移出后恢复透明。(一切都拜jQuery这样一个便利的东西所赐啊……

2.美化了Ajax登录窗

不多说了,只是微调了一下CSS和HTML。

3.改进了JavaScript载入的方式。用php将后台7个.js文件(225.7kb)整合、打包、压缩、缓存、输出,压缩后33.8kb,只消耗一次HTTP请求。

此外,从去年起我就决定在此后的前端中只在最低的水平照顾对IE的兼容性。只保证IE浏览下的排版和可使用性,不照顾任何IE的美观需求。因此,透明、圆角、覆盖等特效一概不保证在IE能够顺利使用。不是我抛弃了IE,是时代抛弃了IE。

话题:Waki-Blog

对Blog的前端略作改进有 2 条回应

    • Aki
    • 10.02.11 09:05

    No.495 回复

    前几天刚在solidot上看了这个
    “如何在3个月内消灭IE6”
    http://solidot.org/articles/10/02/05/0349234.shtml

  • No.496 回复

    >>No.495 , Aki
    这个方法够毒!

发表回应

 
如果您是注册用户,请先登录。
昵称 (*)
E-Mail (*)
(不会公开)
网站
留言 (*)
悄悄话
有(*)标记的是必填项目。