慢慢
- 九月 3rd, 2010
现在喜欢慢。慢而投入地去做一件事情。读一本书、看一部电影、琢磨一个人的面部表情。繁华世代让人逐渐丧失耐心。以分秒为单位计较得失。
时常开着电脑同时做三件以上的事情。开两个浏览器，十几个标签页，外加两到三个软件。A是一个工作内容，B是另一个工作内容，C是连续播放的动画片，D是淘宝网。总是觉得电脑还不够快，硬盘还不够大。踏进家门第一件事，永远是开电脑。强迫症。
晚上没什么事情就看了一本打折的时尚杂志。多久没有仔细看过杂志的每一篇文章呢。答案是从来没有过。
- 八月 25th, 2010
上周到深圳逛了一圈，前三天开会，后三天搬到华侨城的青旅消遣，回来继续工作，伟大的八月也就接近了尾声。
常常有种不知身在何处的感觉。坐在国际青年旅舍的院子里喝茶看书，周围是高高的榴莲树，脚边是嗡嗡作响的蚊子，看着周围的驴友们死抱着笔记本电脑不放的样子，想他们真傻。劳资这趟出来就是来戒网瘾的，即使是店里2块钱半小时的上网费用，劳资半毛钱也不愿意花。因为心里清楚明白，只要一回到家，不管愿意不愿意，东西放下后第一件是绝对是开电脑。
渐渐淡定了。专心过好自己的生活即可。无谓的解释无谓的钱，不要做不要花。
网站朝着好的方向在发展，我意识到了。我们没有太多的所谓远景规划，也不去做一夜暴富的梦。我对自己的要求只是，每天都让这个网站比前一天好一点，再好一点。这个网站是一个可以让我验证自己想法的地方。这个网站当做一个自己第一个独立运营的产品来做，在赚钱的同时积累做互联网产品的经验，可以更清晰的看到可持续发展的势头，有上升的空间和余地。这样便可以。毕竟，风险无处不在。
每天都有好多新的想法，但是现在改用本子记了，博客反而冷清了不少。最近对HTML5和CSS3有比较大的兴趣，虽然现在独力去做整个网站UI的时间和机会都少了，但还是不想放弃这些东西。先学着吧，有新的东西可学，我就高兴。
HTML5教程:HTML5的基础写法
- 八月 15th, 2010
对比一下XHTML 1.0 Transitional的规范，html5基本上没有XHTML 1.0 Transitional严格的要求，并且简化了很多东西。
文档声明更简单了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"> <!--在HTML5中，这样写：--> <!DOCTYPE html>
html标签上不需要声明命名空间。
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>" lang="zh-CN"> <!--在HTML5中，这样写：--> <html lang="zh-CN">
字符集编码声明也简单了
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!--在HTML5中，这样写：--> <meta charset="UTF-8" />
可以不用给css及javascript代码写type属性了
<script type="text/javascript"></script> <style type="text/css"></style> <!--在HTML5中，可以直接写：--> <script></script> <style></style>
没有XHTML代码规范的要求
所有的标记都必须要有一个相应的结束标记；
所有标签的元素和属性的名字都必须使用小写；
所有的XML标记都必须合理嵌套；
所有的属性必须用引号””括起来；
<div></div> <br> <INPUT TYPE="TEXT" /> <!--这些都不做严格要求-->
商业价值：HTML5将带来什么
- 八月 14th, 2010
作为科技巨头的角力工具，这个互联网产业迫切需要的新标准，其诞生很可能会是个漫长的过程。
葛鑫｜文
2010年上半年的苹果与Adobe的冲突，使HTML5的存在一夜之间被很多人所知晓。在乔布斯的煽动下，这一已经在科技界潜行数年的下一代Web标准，被迅速拎到了台面上，苹果、谷歌、微软这科技界三巨头，连同众多业界明星，似乎突然对HTML5变得情有独钟，利益集团的之间的争夺，成了这个技术最好的催化剂。
HTML5的火热似乎暗合了“合久必分，分久必合”的旧理。愈发多样化的互联网应用与现有平台割据之间的矛盾，产生了对标准统一Web标准的迫切需求，而HTML5正是担负这一使命的最佳候选——现在看来，也是唯一候选。
显然，它的重要性不言而喻。而围绕着这一标准的争夺，势必会激起科技界的惊涛骇浪。
HTML5的革命
HTML即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是制作网页的主要语言。诞生于1993年的HTML，其文档制作并不是很复杂，且功能强大，支持不同数据格式的文件嵌入。
然而，HTML的最近一次升级还是1999年12月发布的HTML4。
乔布斯在檄文《关于Flash的思考》一文中说：“Flash是PC时代的产物，它是为个人电脑与鼠标发明的。”──其言外之意就是说已经不适应现在移动终端的需求。的确，诞生于上世纪末的HTML4仅是PC时代的产物(后继的XHTML语言除了语法外与HTML4几乎没有区别)，在它诞生至今的10年里面，互联网世界已经发生了天翻地覆的变化：Netscape灰飞烟灭，微软的IE如今已经演化到了IE9；Firefox 从 Netscape 的死灰中诞生，重新占据了第二位；Safari和Chrome组成的Webkit(浏览器架构的一种)阵营为移动互联网世界勾画出了蓝图。
更重要的是，在如今的后Web2.0时代，人机交互、人网交互已经成为常态，对富媒体应用和本地存储的支持乏力成为现有浏览器的心腹之患。而将Web由内容平台改造为标准化的应用平台，并统一各大平台阵营的标准，正是HTML5的终极使命。
HTML5主要有以下几个特色：降低插件的重要性，简化Web开发；大幅提高对动态图像、位置服务、本地存储的支持；提高浏览器安全性。
很多业内人士认为HTML5以上特点是具有革命性的，特别是其丰富的标签体系，类似于内置了很多快捷键，将取代那些完成比较简单任务的插件，可以降低应用开发的技术门槛。
其实，由于鼓励创新，互联网在之前是非常欢迎浏览器插件的。而声音、动画及其他一些非常生动的网页，通过Adobe、 RealAudio、微软以及其他的一些公司开发的插件在网络呈现时也的确让人耳目一新。然而，问题很快就出现了，插件的接口是向所有人开放的，每个人都在尝试用自己定义的技术给网页增加新的功能，混乱不可避免。其中最有名的插件就是Flash，其他类似的插件更是数不胜数。
HTML5有望解决这一问题。举例来说，HTML5中的“video”标签使Web开发人员很容易地把视频内容与网页中的其他内容整合起来，使得Web的多媒体开发不再仅仅是使用Adobe的Flash、 微软的Silverlight和升阳的JavaFX——这些被垄断的富媒体开发工具的人员的专利。显然，这对互联网的富媒体化大有裨益。
总之，从获取到互动，从图片到视频，从云端到终端，当下互联网的复杂性，迫切需要HTML5这样的救世主出现。
其实，HTML5的诞生本身就是创新派“革命”的结果：万维网之父Tim Berners-Lee在创造出HTML的同时，建立了互联网标准化组织W3C(万维网联盟)。然而，在HTML之路上行走数年之后，W3C已经跟不上互联网时代的步伐。W3C当时认为，HTML4已经功德圆满，他们的下一步工作是语法升级的可扩展超文本置标语言XHTML。他们认为其可以将Web带入光明的未来。
然而，作为第三方的W3C组织忽略了一个重要的变量——在互联网时代崛起的科技巨头。实际上，在Netscape消失之后，IE并没有一统江湖。恰恰相反，浏览器进入了战国时代。Firefox、Opera、Safari相继诞生，而它们的背后都有着强大的支持力量。
于是，由于不满“互联网造物主”——W3C的思维僵化行为拖沓，苹果公司等新贵们自发组织成立了新的超文本语言标准工作组，这就是WHATWG(超文本应用科技工作组)，其使命便是致力于HTML5的规范和普及。
现在看来，这些充满了野心和动力的科技巨擘，显然比无私的“互联网造物主”有力量的多。
巨人的战场
毫无疑问，HTML5将是未来互联网技术的制高点。围绕这个制高点，科技巨头们必将展开激烈的争夺。目前来看，争夺的主角，再一次锁定在了苹果和谷歌为首的两大阵营。
在苹果方面，其不断扩张的业务结构中，软件的权重始终是处于较弱的位置，比起Mac机与iPhone，其核心软件在业界的影响还要小的多。而HTML5为苹果改变这种局面，提供了千载难逢的良机。可以预见，依托其出色硬件平台，苹果将向HTML5高地展开持续攻势。
在谷歌方面，虽然它入局较晚，但其必然不会将互联网技术的优势地位拱手相让。实际上，除了在线软件领域的优势之外，谷歌TV、谷歌手机等硬件尝试，其根本目的便是为其软件拓展探路。比如谷歌的Nexus One手机就曾被用来展示最新的Flash Player 10.1。
在这场抢占互联网未来的制高点战役中，苹果与谷歌可谓针锋相对：
乔布斯批判Flash，谷歌马上在I/O大会上抨击苹果违背互联网精神；由于HTML5标准中没有指定任何的视频编解码器，在苹果明确提出自己掌握知识产权的H.264标准建议之后，谷歌在I/O大会上便提出了WebM标准；当苹果在主页中为HTML5特别开辟一个栏目之后，谷歌针锋相对地推出自己的HTML5“练兵场”——HTML5 ROCKS；双方都在抢先发布HTML5新特性……
在巨头们的强硬姿态下，各种科技力量已经开始站队。例如，包括Opera,Mozilla,Adobe等软件巨头和AMD,ARM,NVIDIA，Qualcomm在内硬件巨头明确表示支持谷歌的WebM标准；而之前蓝光阵营的索尼、富士、三星等公司，则本身就是H.264的专利拥有方之一。
在这场争夺中，特别值得关注的是软件领域的老大微软的态度。其也已经在HTML5领域密集布局。目前来看，一方面，微软欲利用既得优势树立自己的标准，如其宣布Chrome, Firefox和Safari并不适合处理HTML5内容，而自己的IE9渲染HTML5动画的速度是Chrome 5、Safari的12倍以上等。另一方面，与谷歌放弃正在开发的位置服务技术Gear而转投HTML5不同，微软肯定不会轻易放弃Silverlight，其在口头支持HTML5的同时，是否会沿用捆绑销售的老伎俩尚未可知。
除了主张自己的主导标准外，在其他HTML5细节上，微软似乎与苹果站得更近些。例如，其已经公开宣布支持H.264标准。当然，这可能与其和苹果一样同为封闭性研发体系，并同为H.264专利拥有方之一有关。
按照计划，WHATWG将在2012年向W3C提交HTML5规划。但历史证明：HTML5完成它的使命将并非易事。
从2003年WHATWG公布HTML5草案算起，已过7年光景，HTML5并没有诞生，WHATWG的最大进展仅是促使潜在对手XHTML 2.0的夭折——2008年，W3C宣布，其工作重点已经转移到HTML5方向上。
之所以WHATWG进展也如此缓慢，原因同样是由于平台的割据，并且形态更为复杂。从采用不同操作系统的手机，到各家的应用程序商店；从尚处于少年期的云端技术到各家保留的专利。特别是已经势同水火的苹果与谷歌，对于连互联网电视都要各立山头的它们来说，什么变量才会使他们妥协于同一种大互联网标准呢？
而对于那些“卫星国”来说，滋味可能更为难受。虽然与苹果都有某种嫌隙的它们被谷歌拉到I/O大会上，势成“倒乔联盟”，但在实际商业生存中它们会与哪方合作还尚未可知。
比如，H.264在团结了硬件播放器阵营发展多年之后，已经成为实际上的下一代互联网视频技术，连谷歌自己的Youtube都已经向它敞开了大门，“卫星们”还会拒绝么？对于它们来说，不停的换队(如同Palm的生存状态)显然是件痛苦的事情，但商业利益的考量显然要压倒一切。
可见，虽然各方对统一标准、提高互联网易用性的目标还是一致的，但是在各方完成博弈之前，人们还要一直等待下去。
显然，虽然HTML5时代令人兴奋，但是它的真正到来，很可能将是一个漫长的过程。
周末看片：《勺子杀人狂》
- 八月 14th, 2010
偶尔在迅雷看到的一个很有创意的cult短片。黑色幽默+恐怖。一个法医学家被一个长相酷似玛丽莲曼森的男人拿着吃饭的勺子追杀，每天狂打二万勺，最终在若干年后被折磨致死的故事。哈哈。一个了不起的创意。可看性就不用说了，被汤勺谋杀致死的创意太有才了。很久没有看到这么精彩的片子，虽然只有10分钟。看到很多评论在探讨导演究竟要说明什么问题。说来惭愧，本人接受社会主义教育多年，看片过程中唯一想做的事情就是明天把烟给戒掉。
作者：Richard Gale
英文片名：The Horribly Slow Murderer with the Extremely Inefficient Weapon
归零
- 八月 10th, 2010
午夜。烟剩下最后一根。又有很长一段时间没有更新博客。七月份通宵了近10天后作息时间终于在最近恢复了正常。数据丢失，恢复数据，更新内容和做SEO，剩下的就是从零开始，让时间去解决我们遇到的问题。为了数据大量丢失的事情大哭了一场，芳芳怪我心太重。怎么说呢。除了昼夜颠倒这件事让我无法原谅自己，本质上我珍惜现在的生活，希望一切能慢慢上轨道，也希望在生活里除了睁开眼睛对着电脑，能够少一些压力和苦闷，过一种内心相对简单宁静的生活。
因为忙，因为心情起伏太厉害，最近没有学习新的技术，只是杂杂地看了些书。关于产品的、创意的、用户体验的，看了TED的一些有趣的视频，一股脑地接收了很多新的想法，还没来得及整理。每一个新的想法都会让你看世界的眼光变得不一样，这是最近感受到的。晚上继续看姚仁禄的讲座，他说到自己读大学学建筑的时候，下课都会去图书馆看很多建筑的杂志，不断琢磨那每一个细节是怎样实现的，然后发现自己什么都不懂，即使是一堵墙是用什么材料做的都不懂。他感到非常恐惧。他说人有时候需要那种恐惧，那种对无知的恐惧，因为只有这样，你才能够全身心的投入进去，通过不断的学习一点一滴的靠近你的目标；还有就是责任，当你要将你的创意付诸实现时，你对即将产出的东西所负有的责任会逼着你去进取。这样的心情，我能理解。
对于目前生活的状态，有一种迫切想要一切归零的欲望。忘记自己有多久没有觉得口中的饭菜是美味的、睡觉是黑甜香的。想要丢掉书和电脑，自己动手做点什么，平静的，专心的，一笔一画的。结果必须是物化的，决不能是3个w后面加一串字母和数字。做什么好呢。我在想。
所谓商业的未来
- 七月 18th, 2010
说实在的，平时不经常接触这类东西。今天是因为要帮公司翻译一个培训的PPT，里面涉及了大量的蓝海战略的内容，遂了解了一下《蓝海战略》这本书。在某百科上查了这本书概要后，感觉和长尾理论、web2.0概念这些都沾些边，却不明就里。今天转的这个文章里提及的《蓝海战略》、《世界是平的》、《长尾理论》和web2.0的概念，我都只有模糊的认识，转这个文章是希望日后在没有深究而迷信一些商业概念时，有个可以反观和综合问题的出处。
最近事情驳杂得很，可以说是什么都在做，又像是什么都没有做，心情有些复杂。所谓“彪悍的人生不需要解释”，我在想的是，何日何时我可以做到不是不需要向别人解释，而是不需要向自己解释。
《蓝长平二之盲人摸象》豆瓣评论不授权转载，地址如下：
就当偶求您了，别再做这八种网站鸟~！（翻译理论）{转}
- 七月 10th, 2010
在站酷看到的，这哥们翻译得太有才了，这些IT界专属冷笑话让我在36度的室温下笑疯了。
原文网址：http://theoatmeal.com/comics/websites_stop/
译文地址：http://www.zcool.com.cn/article/ZNTA4OA==.html
- 七月 9th, 2010
好久没做web界面了。前阵子又推掉一个。一方面是太忙了，另一方面是对自己不满意，不想不断制造垃圾出来。时间太少，想学的东西又太多，不知不觉就变成一个什么都知道一点却什么也不精通的人。你看到的越多，眼界越高，就会越来越不待见自己，我现在就是这种状况。变成这样的人有好有坏。但无论如何，做设计是件压力大又有乐趣的事情，我努力在其中获得平衡。面面俱到是不可能的事情，我知道或许有一天我可能会放弃，毕竟起步太晚了。不过设计周边有许多有趣的东西，也许不断摸索的话，我终能找到适合自己的方向罢。
这个界面我还是嫌烦躁。慢慢改吧，如果有时间的话，在我心里它还未被飞机时已经是个飞机稿了。但是怎么办呢。我的心太杂了真太杂了。
文字注释，display:none，type=hidden，所能引起的文字叠影（Duplicate characters）BUG所有可能性解决方案汇总
- 七月 7th, 2010
刚经历了一个噩梦般的BUG。在无法测试的情况下，靠猜测可能性最终解决了问题，呃呃。 IE6在一些情况下会引发文字叠影BUG，也就是网上常说的多了一只“猪”。下午看到这种情况时我很嗨皮，因为最容易想到就是注释引起的，只要把注释删了就可以。但是打开源文件发现不是这么回事，没有注释，但依然还是发生了文字叠影. 大致发生问题的代码是这样的：
<div id="a" style="display:none;"> <div class="b"><strong>这里是会发生文字叠影的地方。</strong></div> <div class="div_form_bottom"></div> </div>
a层是个隐藏起来的层，用户进行某个操作以后，这个层会显示出来，里面嵌套了负责反馈操作结果（b层）和一个返回按钮（c层）。
耐心找了几十篇关于如何解决这问题的文章，发现引发这种BUG有几个条件：
1.最常见的是注释引起的,一个父容器包含两个浮动的子容器，中间夹一段注释最喜欢发生这种问题。
2.hidden的input直接放在form下.
3.display为none的div也有可能引发此bug.
综合前面提到的引发这种BUG有几个条件，只有第三条比较符合。但情况又不完全相同。最后我用的是“给文字区块加position:relative;属性”来解决问题，比较遗憾的是无法深入测试。这种情况作为特例记录。
下面是比较正常条件下的基本测试和解决方案汇总。 测试代码包含了上面说到的三种情况：
<div style="width: 400px;"> <!-- 注释注释 --> <input type="hidden" value="hidden" /> <div style="display:none;">hidden</div> <div style="width: 400px; float: left;">IE6文字溢出的BUG</div> </div>
解决办法（没有直接在IE6下测试，用的是IETester）：
A 直接删除注释。
B 改变结构，不出现【一个容器包含2两个具有“float”样式的子容器】的结构。
C 修正注释的写法，写成IE条件注释。
D 在出现问题的子容器后面加个丑陋的br
E 在出现问题的文字最后加一个空格。很无耻，原理是让它复制出一个空格，我是如此理解的。但是奏效了。还有一个办法就是文字后面跟个display:none的span，也奏效了。
F 在第二个容器后面加一个或者多个清除浮动的div来解决。这个方法我试了没有作用。
G 给文字区块外面包上一个div
H 去除文字区块的固定宽度
I 给文字区块加position:relative;属性
J 要把input直接放在form下面，可以用div或者fieldset把这个input包起来
K 有display:none的，将display:none 所在的层再用一个div包起来。
一些值得注意的解决办法和demo测试：
第二种情况我没有遇到过，但是这位童鞋遇到了：http://hi.baidu.com/niez/blog/item/d2f88977a6de011db151b92d.html
还有一位童鞋遇到的问题也很神奇，在这里：http://blog.gulu77.com/?p=524
一个老外提出的应对方法：http://www.ajaxupdates.com/decoy-fix-for-ie-duplicate-characters-bug/ 针对我遇到的问题无效，但是他的思路很有意思。