CSS魔法
# [译] JavaScript 开发者经常忽略或误用的七个基础知识点 > * Original: [7 JavaScript Basics Many Developers Aren't Using (Properly)](http://tech.pro/tutorial/1453/7-javascript-basics-many-developers-aren-t-using-properly) > * Translated by: [cssmagic](https://github.com/cssmagic)  JavaScript, at its base, is a simple language that...
# [译] [PJA] [101] 性能 > * Original: [Performance - Chapter 1. The JavaScript Revolution - Programming JavaScript Applications](http://chimera.labs.oreilly.com/books/1234000000262/ch01.html#performance) > * Translated by: [cssmagic](https://github.com/cssmagic) ## Performance ## 性能 Just in...
# [译] [PJA] [100] 第一章 JavaScript 革命 > * Original: [Chapter 1. The JavaScript Revolution - Programming JavaScript Applications](http://chimera.labs.oreilly.com/books/1234000000262/ch01.html) > * Translated by: [cssmagic](https://github.com/cssmagic) # Chapter 1. The JavaScript Revolution...
# [译] [PJA] 《JavaScript 应用程序设计》总目录 > * Original: [Table of Contents - Programming JavaScript Applications](http://chimera.labs.oreilly.com/books/1234000000262/index.html) > * Translated by: [cssmagic](https://github.com/cssmagic)  ## 译者按 > 这是一本 O'Reilly 的新书，于 2013 年 2...
# Windows XP、ClearType 和微软雅黑字体的那点事 > 本文的部分内容整理自我对此问题的解答： [XP 中微软雅黑的安装率是多少？哪个版本的更新包中带了微软雅黑字体？ClearType 在 XP 中是自动打开的吗？ - 知乎](http://www.zhihu.com/question/19920765/answer/13383799) > ### 前言 > > 多年以来，中文网页设计师一直处于一种 “字体匮乏” 的窘境之中。 > > 这是因为从中文 Windows 的第一个版本 3.2 开始，在相当长的一段时期内，系统自带的中文字体就仅仅局限于苍白单调的 “宋黑仿楷”。加上长期以来 Windows...
# [多图] 电影《阿凡达》如何拍摄失重场景 > 本文是对此问题的解答： [阿凡达电影开头的失重场景是怎么拍摄的？ - 知乎](http://www.zhihu.com/question/21058569) > > 所有图片均为 720p，点击图片可查看原图。 多图杀猫，手机慎入。 首先说一下电影拍摄中对失重的模拟，一般是两种方式：吊钢丝和飞抛物线。吊钢丝大家都比较了解，成本低，但表现力有局限，毕竟此时重力还是存在的，钢丝只能从一个方向上“抵销”重力，很难模拟大空间内各个方向上的失重效果。 而后者是在专门的**失重飞机**的舱内搭棚，飞机飞抛物线可以取得完全真实的失重（或低重力）场景，可以直接拍摄到物体（甚至液体）悬浮、人体翻转等逼真效果，演员也可以亲身体验失重，表现力极强。在影视 3D 动画技术成熟之前，飞抛物线的方法主要运用于太空戏的拍摄。（事实上飞抛物线本来就是航天员失重训练的主要手段。） 飞抛物线的短处主要在于成本高、时间短（通常只有 30 秒以内），所以对目前的电影拍摄来说，只要是室内吊钢丝可以满足的失重效果，一般都不再会选择“实拍”。具体到《阿凡达》的这个片断，使用的是吊钢丝、绿幕、CGI 动画等拍摄方法，同时结合了很多拍摄技巧来保证最终效果。 下面详细说一下，有图有真相。 *** ## 背景空间 首先说船舱内的背景空间。美国人连街景都懒得拍了，这种虚拟场景肯定是绿幕 + CGI 后期合成。 （图1、图2：绿幕原片与最终成片的叠加示意。）...
# [译] [信息图表] 色彩心理学：设计师的选色指南 > * Original: [The Psychology of Color: A Guide for Designers](http://visual.ly/color-guide-designers) > * Translated by: [cssmagic](https://github.com/cssmagic) ***  The Psychology of Color: A Guide for Designers...
# UTM 参数、URL 和 HTML 实体的那点事 > 这篇文章是写给运营同学的科普文。 ## 源起 想写这篇文章，是因为最近在 GA 中发现了一些问题。 EmarSys 是公司新签约的 EDM 服务商，在 GA 中已经可以看到最新一期 EDM 带来的流量。但它的媒介参数似乎不正确，理论上应该设置为 `email`。  运营部的同学认为提供给 EDM 的链接不会有错，于是我深入分析之后便有了这篇文章。写完它，我以后应该就不需要口头再解答很多问题了。 *** ## UTM 参数...
# 终于知道 GA 订单统计中的 store 字段怎么用了 GA 的电子商务追踪（订单统计）功能很强大。做过一些电商网站之后，我对这一块还是比较熟悉的。在开发中，需要在订单完成页面，将订单及订单内商品的数据发送给 GA。其中发送订单的代码片断如下（摘自 [GA 官方提供的示例代码](https://developers.google.com/analytics/devguides/collection/gajs/gaTrackingEcommerce#Example)）： ```js _gaq.push(['_addTrans', '1234', // transaction ID - required 'Acme Clothing', // affiliation or store name '11.99', // total -...
# PHP 和 JSON 都说 `_.isEmpty()` 是个好方法 ## 背景 我们在通过后端 API 获取 JSON 数据时，有时会遇到这个问题： 在需要输出为**对象**的地方，如果没有数据，以前端的习惯来说，我们会期待收到一个**空对象** `{}`；但实际上，此时我们往往会收到一个**空数组** `[]`。 前端在检查和处理此类数据时，会感到稍许不便。如果考虑不周，还会引发错误。 ## 原因 在 PHP 中，与 JavaScript **数组**和**对象**对应的概念都是数组；而且 PHP 实际上并不区分**索引数组**和**关联数组**，只是允许开发者通过数组键名的约定来产生这两种数组的效果。也就是说，对于空数组，由于它不包含键名，无法判断它是“索引数组”还是“关联数组”。因此，PHP 的 `json_encode()` 方法在处理空数组时，一律将其编码为...