支持的浏览器：

难度：中等

介绍

音频在很大程度上使得多媒体体验非常引人注目。如果你曾经尝试在关闭声音的情况下看电影，你就很可能已经注意到了这一点。

游戏也不例外！我最喜爱的视频游戏的回忆里包含了音乐和声效。在二十年后的今天，大多情况下，当玩我最爱的游戏时，我仍然不能把 “塞尔达” 里近藤浩二的乐曲和马特大气的暗黑配乐从我的头脑里驱逐掉。这同样适用于音效，例如魔兽里单位实时点击的响应，以及任天堂的经典例子。

以技术预研的心态做的一个东东。基于【双密度松弛算法】

目前来看应用价值不大，更多的是扩展一些思路，扩大前端方向，或者说是 js 能做的事的范围。大家路过围观一下就好。

源码不多，托管在 github/hongru/fluid 上，感兴趣的可以大致看一看。

Css Sprite，有时也称为雪碧图、精灵图，是每一个前端开都会遇到的问题，也是常见的小图片加载优化手段。相信各位同学都清楚其原理，具体就不赘述了。

之前一直有动机利用 html5 实现一个合成雪碧图的工具，方便小项目的快速开发，减少一些诸如开 photoshop、fireworks 等工具来合图的机械劳动，最近终于抽出时间将构思实现。

• 在线使用：http://alloyteam.github.com/gopng
• 使用介绍：http://www.alloyteam.com/?p=1050
• github 地址：https://github.com/AlloyTeam/gopng

Web 可以做什么？

时至今日，这个问题已经不能简单回答了。html5，css3 技术的出现已经使 web 的能力得到了很大的提高，但，web 仍有局限！由于安全性的考虑，浏览器对 web 进行了种种限制，例如：

• Web 不能读写文件
• Web 不能实现很多牵涉到系统底层的功能
• Web 的 UI 被局限成页面的形式

此列表会一直更新、维护下去，以帮助大家了解、推动国内 Web 前端技术框架的发展，请记住我们的永久地址：http://www.alloyteam.com/?p=1009，同时欢迎大家留言补充！

• Arale - http://aralejs.org/
• Como(盛大) - http://www.comsome.com
• EdoJs - http://www.edojs.com/
• DWZ - http://j-ui.com/
• JX(腾讯) - http://alloyteam.github.com/JX
• JSI - http://code.google.com/p/jsi/
• KISSY(淘宝) - http://www.kissyui.com
• KindEditor - https://github.com/kindsoft/kindeditor
• NJF - http://code.google.com/p/njf/
• QWrap(百度) - http://www.qwrap.com
• Tangram(百度) - http://tangram.baidu.com

九宫格布局一直是前端比较纠结的一个问题，一是切图麻烦，二是修改 css 麻烦。本文将要介绍一种用一张小图实现九宫格布局的方法。使用此方法每次只要传图片路径跟四个边角的剪裁尺寸即可实现九宫格布局。请先看例子：melodyui.sinaapp.com

下面讲讲原理：

其实原理很简单，就是使用了 css 的 clip 属性。对中间需要平铺的区域进行了拉伸，然后再进行剪裁定位。主要的工作量都在坐标的计算上面，所以我这里不多说，可自行查看源代码。

最后希望这个方法能对大家有所帮助，谢谢大家。

基于 Web 的生产力工具套件服务商 Zoho 今日又发布一项新服务，再次与最大竞争对手 Google 针锋相对。新服务名为 Zoho Sites，是一个以拖拽方式创建网站的工具。它可以让任何人在没有 HTML、CSS 基础的情况下，快速建立漂亮的网站。