天玑

去年在单位有一个silverlight展示和讨论，我那天上班迟到了，到单位的时候同事已经都去了，我自己也就没去。后来大家工作之余也说了不少的silverlight话题，最核心是silverlight会不会像如今的flash一样成为浏览器的必备插件？我当时不看好silverlight，因为：一，flash已经很不错；二，我了解的silverlight没有明显的特色超越flash，高清视频随后flash也宣布支持；三，微软能不能以开放的姿态对待silverlight？；四，让用户安装插件不是容易做到的。

因为在大公司，能感受到微软的热情，知道微软对这产品很重视；后来微软帮助Mono Project开发Silverlight的Linux移植版本Moonlight (Mono Project)，不能不吃惊，微软历史中似乎不存在这样的行为，我这样的linux用户也对silverlight有了期待；AOL邮箱将完全采用Silverlight技术，相信这对美国用户安装silverlight是个有效的助推剂；在中国没有哪个互联网产品的用户群能有QQ的用户群大，这不， 腾讯与微软合作，准备应用Silverlight技术；微软称Silverlight下载数每天超150万，如果这样silverlight占领用户浏览器就只在这一朝一夕了。

如果是前端开发人员有必要马上了解一下silverlight，如果觉得学习silverlight是迟早的事儿就不如马上行动起来。

大家可能都记得黑客帝国中经典的绿色文字滚动效果，很酷！昨天发现了一个vim的插件matrix.vim也有这效果。今天我用Javascript大致实现了那样的效果，可是有个严重的问题：运行的很慢，场景中同时存在20个以上实例的时候就一卡一卡的，谁有优化方案可以解决？或者你有其他的实现途径，欢迎交流。

我做的效果(只在Firefox中测试过)：http://www.phecda.org/ping/hack.html

更新：在IE7中测试通过，之前的不兼容是HTML对象setAttribute造成的，改为“className”+“obj.style.***”来兼容IE和firefox。

更新2：用position:absolute来再次实现同样效果，移动文字的位置同时文字替换，运行效率高了不少，实例数目由窗口大小决定。遗憾的是Firefox中视觉有明显跳跃。
效果2：http://www.phecda.org/ping/hack2.html

更新3：用第2种方法，在IE中很正常，firefox中有跳跃的感觉。于是想到了这个方法：文字不移动只在下面appendChild文字，同时改变方字的颜色；文字超出视界时删除。
效果3：http://www.phecda.org/ping/hack3.html

Acid3是最新的浏览器规范测试工具，测试项有：

DOM2 Core
DOM2 Events
DOM2 HTML
DOM2 Range
DOM2 Style (getComputedStyle, …)
DOM2 Traversal (NodeIterator, TreeWalker)
DOM2 Views (defaultView)
ECMAScript
HTML4 (<object>, <iframe>, …)
HTTP (Content-Type, 404, …)
Media Queries Selectors (:lang, :nth-child(), combinators, dynamic changes, …)
XHTML 1.0
CSS2 (@font-face)
CSS2.1 (inline-block, pre-wrap, parsing…)
CSS3 Color (rgba(), hsla(), …)
CSS3 UI (cursor)
data: URIs
SVG (SVG Animation, SVG Fonts, …)

我的机子中iceweasel 2.0.0.12得52分(满分100)，据说最惨的IE6只能得到11分，访问以下地址测试你的浏览器：

http://acid3.acidtests.org/ 

如今的菜市好象只有土豆能吃的起， 这不今天买了一堆的土豆，准备天天吃醋溜土豆丝。

醋溜土豆丝看似简单但真正做好也不是易事，开始做吧！

CSS、JavaScript、Flash、AJAX、HTML、SilverLight flex air……

人们都在谈这些看着就眼花的东西，好像如今有一门不精通都吃不了饭似的，我呢？跟风？仅仅跟风？实际情况是我现在只想吃上自己做的土豆丝，那我大可分析过程选择来学。

既然做土豆丝那土豆是少不了的。标记语言是网页的基础，如今的HTML4和XHTML1、XHTML2以及将要发布的HTML5 都有其特点，HTML5没发布暂不论；HTML4是一种吃了数年的土豆品种，它长的丑、大小没形；xhtml2是一个只在试验桌上的土豆，鲜有人吃，味如何无说法；而xhtml1是三种土豆中普及最快的，它长的漂亮、有内涵、有始有终，重要的是从HTML4重构过来几乎没有任何的障碍；那就是它吧：xhtml1。

切的越细越好，这儿就看手上的功夫了。

锅热后就倒油吧，炒菜几乎不能少了油。CSS是HTML之后设计的，如今的页面几乎少不了CSS，用CSS可以不完全实现“内容”和“样式”的分离。注意：炒菜也不能什么油都能用，起码汽油不能用，因为：一味道 二能不能吃，CSS用的量也要把握，用的太少样式与内容分离不了，后期维护就会增加成本，如果CSS滥用会拖慢页面显示。

油的热度火候要看设计师的火候了。

菜入油锅，xhtml+css进行翻炒，快点倒醋。FLASH是表达能力最强的，为什么醋溜土豆丝突出一个“酸”字，原因是加了“flash”，它是网页中最抢眼的，可你千万别说FLASH酸了这醋溜土豆丝就成了。

如果想加点颜色点缀建议加几个漂亮的图标就可以了，放点儿椒丝，也要看经济情况（今天青椒五块／斤）。

菜熟了，加盐。JavaScript做网页的交互来提味道，放盐时要把握好，不能太咸不能太淡，以用户的体验为中心，千万不要弹一堆的窗口，你试想一下土豆丝里有一疙瘩一疙瘩的盐疙瘩能好吃吧。

搅绊一下就能出锅了，尝尝？