飘飘的生活空间

之前文章《中文版chrome不支持小于12px字体定义的解决方案》简单处理了chrome下不支持小于12px的问题的解决方案，原理是，禁止webkit浏览器配置调整网页的字体大小。
那么，今天在项目中发现衍生了另一个问题，如果在全局定义了 html{-webkit-text-size-adjust:none;} 会导致另一个现象：
浏览器一般提供给小群体用户一个功能，就是放大与缩小网页视图。禁用了这一属性，在chrome下放大网页，会导致其它元素均放大，而文字却依然为原定义的“12px”，如下图左右对比：

这样造成了不友好的体验，给有需要的用户造成阅读上的门槛。故，有需要设置小于12px字体的元素单个定义即可。

利用空余的时间，给小站加了点好玩的东东。本来是想做些大效果的，因时间关系，只把LOGO改变了，有时间再整个更好玩的。
一直以来在Facebook,Google Reader等都发现了一些同样的小彩蛋，在业界，它们有一个很统一的键值类似街玩的“秘藉”，一个很好听的术语“Konami Code。本站把键值修改了一下，并写在了LOGO之上，不知会有多少同学能发现。
这类的小彩蛋，我们在业务项目中，也可以适当的场景使用一下。
大概的代码思路如下：

function egg_code(e){
if(typeof window.k=="undefined"){
window.k=""
}
var e=e||event;
if(e.keyCode==116) window.k="";
window.k+=e.keyCode+",";
if(window.k=="40,40,38,38,65,66,") {//可更改keycode，DOWN,DOWN,UP,UP,A,B
play();
window.k="";
}
}
function play(){
color_egg=document.getElementById("logo");
color_egg.className="color_egg";//把LOGO增加一个class，当然，这里可以改为你想要的更多的好玩的效果
}
document.onkeydown=egg_code;

上接：
腾讯2011圣诞晚会掠影[1]
腾讯2011圣诞晚会掠影[2]

或许世界是黑色的，但背后依然有一束光指引着在人生道路上前进，内心依然一片坦途。有前辈曾说过，人生是平凡的，如果把一件事情做好了，那人生就变得不平凡。

Read more

上接：
腾讯2011圣诞晚会掠影[1]

Read more