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

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

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

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

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

下面讲核心部分。

开篇

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

看 andy 的《PM 如何突破工程师心防?》和《工程师如何不被 PM 欺负》感触了一下，欢迎拍砖，讨论。

从团队角度说产品经理和开发工程师应该是一条战线上的兄弟，因为大家的目标是一致的。无论是产品经理和开发工程师大家都想把产品和项目做好，这里我们可以说：“志同”。

几乎所有互联网巨头都会开放自己的 API，但是对于开发者来说试新 API 却是件棘手的事。在开始写第一行代码之前，也许得折腾几个小时来做好设置、获得权限，还得先学习语法。因此，由 Amazon 前员工设立的初创企业CodeNow.com瞄准了这一点需求，帮助开发者简化测试 API 前的准备步骤。

你是否遇到过这样的情景：

1、用 gif 格式的 loading 菊花会有背景颜色，与页面背景格格不入
2、于是，设计师给你一帧一帧变化的透明 png 合图，你能想到的就是用 JS 来控制
3、最终，你会发现用 JS 控制的 loading 菊花，对网页性能有一定的影响

        好在现在，这个 HTML5 到来的时代，如果你不用考虑浏览器兼容问题，你就可以用 CSS3 轻轻松松实现透明 loading 菊花的加载效果，下面的Step By Step 会让你茅塞顿开：

摘要

        Live Reload 是一个旨在提高 web 前端开发者开发效率的 chrome 扩展。当你在心爱的编辑器中更新页面资源（html,js,css）的时候，Chrome 浏览器会自动获取最新的文件并重新载入，避免开发过程需要频繁按 F5 页面的烦恼。特别适合在双屏环境下进行 web 前端开发，不必在编辑器和浏览器之间不停的切换，大大提升开发体验。

每个人在工作中成长，职业化都是一个必经之路。

这是一个渗透进细节和个人工作习惯之中的一个问题，不积跬步，无以至千里，不积小流，无以成江海。关于职业化行为以及怎么来职业化，做了一些思考，希望能沉淀下来，勉励自己，也和大家共勉。

Windows 版

Mac OS X 版

一开始是由于他的迷你地图模式而吸引我的注意力的，这个迷你地图可以概览整个文件。实现快速跳转。这个是个亮点，在其他编辑器中都没有见过此类功能。然而试用了之后我很快发现，迷你地图功能可能未必好用，但真正让我觉得舒服的是，他的 zencoding 支持的非常完美，直接有实时预览功能。

当我们进行游戏开发时，很多时候都需要用到一些几何知识，该文主要是抛砖引玉，通过一个 HTML5 的圈泡泡小游戏介绍下游戏开发中一些几何知识的运用。 游戏 demo 可以看这里：HTML5 圈泡泡小游戏 demo 游戏中一个最主要的操作就是通过鼠标的圈选，捕获选区内的小球并得分（或扣分）。我们一步步来分析这个操作。

Step1：画笔的形成。

首先是，怎样通过鼠标画出一个条条曲线？我们知道，HTML5 游戏的开发中，我们看到游戏里每个动作的更新，都是通过循环中每一帧对游戏元素属性的更新而形成的。因此我们只需要在每次帧更新的时候根据鼠标上一次更新时的位置与本次帧更新的位置画出一条线段，那么在游戏无数次的循环中，鼠标划过的位置就由 N 条线段连成一个轨迹，如果我们把线段都绘制出来，画布上就是一条条曲线或一个个圈。 因此我们也可以说，曲线是一条由多条线段首尾相连的线段组成的 。