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

下面讲讲原理：

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

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

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

应用设计有一条原则是，好看的就是有用的。但是 Google 新近的一项研究表明，情况并非如此。

废话不多说，直接进入正题，这篇文章主要为大家讲解一下一个类似【Z-Type】的 html5 小游戏的开发思路。

【Z-Type】不知大家是否有玩过，Impactjs 的一个演示 demo。一个需要 99$的 html5 游戏框架。咱们暂且先不管他实现的思路，以下我们按自己的思路来一步步实现。

以下实例基于 AlloyTeam 团队游戏底层库 【Laro】 实现.

【演示 Demo】 （Firefox3.4+，Chrome10+，safari10+ 测试通过）

以前写过一篇博文，说了成熟用户的四种表现。最近跟朋友聊天又提起了这个话题，希望用户更加成熟已然成为国内互联网产品人员的一个共同愿望了。而在我看来互联网用户的成熟度主要体现在两个方面，一个是对于互联网的信任度，另一个则是对于互联网产品的理解和使用程度。

推荐给所有产品经理和用户体验设计师：需要用文字来解释的交互不是好交互；自然往往和人的本性相关的；产品经理在面对一个复杂问题时，需要有一种符合 “自然” 原则的建模方法，来通过产品结构模块以及模块之间的联系来映射和解决问题。

还有苹果 Mac OS X 的语音朗读功能，能让你从数十种不同的真人嗓音中任选一种为你的 Mac 配音。每种嗓音都会念出一句搞怪的示范台词。Fred 的嗓音会说：“我当然乐意进驻这台美妙的电脑内部。” 抖抖索索、半神经质的 Deranged 嗓音会说：“我需要去度个大长假。” 听起来就像外星人的 Trinoids 嗓音会说：“我们无法与这些碳基单元交流。”

看看你的朋友在社交媒体中的分享，你能确定这些被分享的内容就是他们想要的吗？不一定。换个方法，直接问他想要的是什么，答案也许会不一样。

下面这张信息图来自 NetBase ，他们花了一年的时间监测社交媒体里的对话数据，把监测数据拿来和实际调查的数据相比较，会发现很多有趣的结果，我们可以这样了解人们 “此时此刻，到底想要什么。”

今天写了一个滚动条 UI 组件。欢迎大家体验：http://alloyteam.github.com/ui/

为何称之为完美呢？只因其具有以下优点：

1. 兼容所有浏览器。
2. 支持所有鼠标事件，包括长按。
3. 样式可以完全自定义。
4. 使用该组件无需改动原来的任何代码，也不要求原来的元素使用什么定位方式。
5. 只需引进一两个 js 文件，再添加一句代码即可。

下面讲核心部分。

开篇

现在 Web 富应用越来越多, 越来越多网站朝单页面发展, 所有功能模块都在一个页面中创建. 作为一个合格的前端, 所负责的模块一定是逻辑跟 UI 分离的, 通常的做法就是页面代码编写成模板, 然后往模板填充数据并输出到页面上. 关于前端模板的介绍和使用我就不说了, 不了解的可以先看看这篇文章 (http://www.css88.com/archives/4564), 这里讨论下使用模板引擎引入的另外一个问题 (也不是 Bug 啦~) -- 页面模板代码放哪?