飘飘的生活空间

之前文章《中文版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;

文章转自：http://www.ifanr.com/53507
以前在微博上发过这么一段：“facebook推出十分有意思的timeline设计，打破了传统的模块展示。http://url.cn/4PlFod”，再附上视频，了解timeline的设计理念，你会发现，帅爆了。

Read more

曾多次有朋友在博客或微博上留言找我索要typecho的theme，中午找时间整理了一下，现分享给大伙使用，感谢有同学也喜欢这么简约的皮。

请在使用时保留版本信息，让更多喜欢简约风的朋友都能使用。

Download

文章转自：http://www.dbanotes.net/arch/facebook_how_facebook_ships_code.html

按：这篇 How Facebook Ships Code 提供了大量的细节信息，之前已经有朋友提供了一个翻译版本，阅读之后发现有些许错误，并且原文有更新，所以基于前面的翻译版本我重新翻译了一个(完整的)版本。一并谢过。希望这个版本对大家也有所参考。

我对 Facebook 的运作方式着迷。这是个非常独特的环境，很难被复制（这个方式并不适合所有的公司，即使有些公司尝试过这么做）。下面这些笔记来自我和Facebook的许多朋友的交谈，关于他们开发、运维与软件发布等方面。

Read more