不是图书控的我，鬼迷心窍的一心想做一本更加真实的网络书
从来没有试过冰糖橙子的我，神魂颠倒的取了诡异的博客名
断断续续，拖拖延延的做很久，墨迹了个半成品
总而言之2011，冰糖橙子将会更加努力
深入微观数据
在html5中有超过100个元素，一部分是表示语义的，另外的就只是script API的容器（比如：canvas）。纵观网页发展的历史，web标准的卫道者们争论哪些元素应当被包含在HTML语言中。HTML是否应该应该包含 <figure>，<person>，<rant>？标准被拟定，提纲被编写，开发者执行并运用，不断的推动web向前发展。
当然，一些想法没有被采纳，比如在HTML5中并没有<person>这个元素（同时也没有<rant>），没有任何力量可以阻止你在在开发过程中书写<person>这个元素，但是他不会通过验证，不会通过浏览器而工作，并且可能与未来的HTML规则发生冲突。
对，所以构造自定义的元素并不是一个解决办法，那么怎么才是web语义者倾向的做法呢？曾今有很多企图扩展以前版本的HTML的做法，最通常就是“微格式（microformats）”,在HTML4中用在class以及rel属性上。第二种选择是RDFa，原本是设计在XHTML中使用，但是在HTML中也能使用。
一直很疑惑为什么像QQ首页，淘宝，163首页这样的大流量的网站为什么要CSS直接写在页面，难道这是为了减少HTTP请求么？虽然减少了一条HTTP请求，相反却不能作为外部文件被浏览器所缓存，网站的加载的数据量将会加大，表面看来这是得不偿失的。那为什要这么做呢？
内嵌会增加了开发成本么?
内嵌CSS不等同于直接将样式写在页面上，也不等于不利于修改和管理，其实也是程序读取外部文件再写在页面上。在本质上还是在调用一个外部的样式表。那内嵌到底有什么好处？
接上一文，蛋疼的马里奥，用css拼完了马里奥FC图片之后，我萌发了写一篇关于像素的想法。
何谓像素？“像素”（Pixel） 是由 Picture(图像) 和 Element(元素)这两个单词的字母所组成的，是用来计算数码影像的一种单位，和我们日常单位”厘米”类似，可以作为一种长度丈量的单位。而给我最直观的印象在于PS中放大8倍后，直观的1px × 1px小方块。
像素的构成就是色彩中的三原色RGB（红色，绿色，蓝色），这其实等同于彩色电子屏幕显色以及彩色印刷的原理。偶然的一次机会我好奇的翻开老实彩色打印机，黑色墨水不够，纸张通过多种颜色的覆盖，最后变成的黑色，当你用酒精清洗CRT显示器时，透过水的放大作用，你会打开整个屏幕都是花花绿绿的小点构成。
对于一个页面仔来说，每天与之打交道的最多就是像素了，在PS中比比量量，切切裁裁，每一处都要精确的像素单位。一张精美的设计稿，在放大X倍以后，无非全都是花花绿绿像素点揉挤在一起的，再有欲望也全打消了。为什么会这样，对于人眼来说，对微小事物分辨率有限，眼中图像会自动的混合相邻的颜色，所以其实图像的本质色彩远远大于我们所能看到的部分。
记得有一天我和锤锤在实验室看喵扑，看到一张倒立拍摄的图片，两个人都不约而同地扭转脖子去看，脖子都扭疼了，还是不能看清楚照片主角长什么样，就设想要是有这么一个可以扭转图片的小工具就太好了。刚好现在在家闲，看了一下chrome的API，做了这么一个扩展工具fight look。
安装fight look（前题是使用的google浏览器,听说FF现在也能用chrome的扩展所以在兼容上也作了FF的考虑）。
这次又有一款作品加入了最终幻想的大家族，以外传形式登场的《光之四战士》，虽然已近发布了很久了，汉化也出了4个月了，我现在才玩起，当然画面就不说了NDS能有多好啊，但是他的纸娃娃系统做的很好，剧情也算曲折离奇，还有接近28个职业可以转职，可惜就是主线有点短了，接着就是收集各种转职的特殊隐藏职业了。其中有个算十点的小游戏，这个游戏和我们玩的二十一点很像，都是通过4个数字的四则运算得到最终结果10，如果3次PT点数能够达到250点以上就可以获得”兽使“这个职业，算十点倒不难，但是要通过PT点数拿高分就很困难了。
PT点数怎么计算的呢，我举个例吧 1245这4个数字 得以得到 ((4+5)-1)+2=10
==================================================================
此段 ：更新 2012 -08-14
W3C filter 规范的推出，想要更加便捷无脑完美的使网页变灰变成了可能。
目前webkit率先支持了此规范，chrome18，以及safari 6.0之后可以运行。
对于firefox我们可以用svg来做
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: url(desaturate.svg#grayscale);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
目前情况window平台下的safari 只到5.2的版本还不能支持到css3 filter，同opera还不支持，相信来未来不久能够真正完美的兼容网页变灰
==================================================================
网上所有的变灰代码无疑都是用IE的滤镜，只是IE的独有属性，如何在ff下面变灰呢？
第一种用canvas对图像进行处理，效率就不说了，因为canvas像素操作的安全限制，要求图片必须和页面在同域之下，并且对flash是没法处理的。
第二种方法对于专业网站，他们手动或者自动处理所用的图片,但是太麻烦了，虽然我的网站图片很少，批处理一下就搞定了，但是我很懒，有没有一步式的处理方法呢。
于是想到山寨的遮罩层，但是出现了一个问题，下面的元素却不能点击了，没关系““pointer-events”帮你忙，我们先看看关于他的介绍，
CSS pointer-events
原本来源于SVG，目前在很多浏览器中已经得到体现，默认它设置为auto，这是正常的行为，如果你已经设置属性值为none。它将不会捕获任何click事件，而是让事件穿过该元素到达下面的元素。