404页-改版了!

404页的灵感来源

灵感来源 – cgcraft.com

新版404页

Chrom 7.0 Dev 截图

介绍一下:

  • 零图片设计,除了 Logo 之外
  • 右上角有 双语导航栏
  • 中间的数字 404 向左斜 -5° 可以在所有游览器看到效果

演示:新 404 页

吐槽一下:IE 能再垃圾点吗?

个人技术有限,还是会出错。所以呢,如果你找到的就跟我说声,我会尽所能修复bug。

同时,亦当然不希望你不会常常看到这(404)页。

Update 3
IE 9 看到 404字有个很大的黑色背景,不知道为什么。再次吐槽 IE!

IE9 看到的黑色背景:fixed

Update 2
FireFox 不能运行原版的跳转代码在。
改用新的 JavaScript 跳转代码:http://heisetoufa.javaeye.com/blog/355114

Update 1
增加、修改:

  • 改用 HTML5 的模板,尽量简化代码
  • 网站的 Logo 地址改动
  • 导航栏用上 border-radius
  • 右下角的文字改为中文
  • 自动跳转的 js 代码

删除:

  • 「404」字旋转的 css 代码

问题:

  • text-shadow 还没到主流,只能在 Chrome 看到“发光”效果
  • 新手问题 – 有过量用 DIV 标签的病态,统称:divitis

HTML5 – 参考:

1、Google – Let’s make the web faster:http://code.google.com/speed/articles/html5-performance.html

PS:有空,再说说为什么要加进:自动跳转的 js 代码,也叫做:“自动完成模式”。有兴趣的朋友可以去 CDC腾讯博客看看或者 Google 一下。

Published by

Galovia

九十度博客站长。