在一些像维基百科这样的信息类网站上，把外部链接用某种形式标明出来是一种常见的做法。对于浏览者，这能方便的告诉他们将访问一个外部资源。很多网站会在服务端检查外部链接，并在链接上加入rel=external属性或external类来区别这些链接。但有些情况下你无法这样做或不该这样做。在经过了在网上...

Markdown 的设计哲学 Markdown 的目標是實現「易讀易寫」。不過最需要強調的便是它的可讀性。一份使用 Markdown 格式撰寫的文件應該可以直接以純文字發佈，並且看起來不會像是由許多標籤或是格式指令所構成。Markdown 的語法有個主要的目的：用來作為一種網路內容的寫作用語言...

推荐的《代码阅读方法和实践》，是一本好书，我只打算在这里简单的聊一聊自己的经验与思考。 我们先假设一种最恶劣的状况，你被迫接手一个遗留项目，原来做项目的家伙，全都四散逃亡了，不但没有任何说明文档，而且还找不到人，老板给你一段并不宽裕的时间，你得读懂他们的代码，然后接着维护……通常，这是噩梦的开...

补间动画，是flash里的一种动画形式，同时也是动画形式中最基础的一种。与它相对应的是动画片中常用的逐帧动画形式。补间动画以一个或几个元素为主体，在一段时间内，将该主体各属性的一个值变为另一个值。为什么称之为补间，就是因为中间的动画过程由计算机自动渲染而成，我们只用设置动画开始与结束状态时的属...

这里专门说一下关于WAP APP的栅格设计。以下相关都是基于一淘H5和一淘App总结得出。 先介绍三个名词：Wap App；Native App；Hybrid App（融合体，H5页面嵌套在Native中），之所以说这三个，是因为它们相互之间的联系在某种程度上制约了Wap App 的栅格设计。...

高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂，我们总结为以下几点： 流量、功耗与流畅度。在PC时代我们更多的是考虑体验上的流畅度，而在Mobile端本身丰富的场景下，需要额外关注对用户基站网络流量使用的情况，设备耗电量的情况。 关于流畅度，主要体现在前端动画中，在现有的前端动画...

Photoshop 是视觉设计师最强有力的武器之一，其实 Photoshop 也为前端开发同学带来很多惊喜。特别是从 Photoshop CC 版本开始，它变得越来越有趣。今天笔者就其中几个新特性给大家介绍一下。如果您也有更多新的发现，请在下方留言与大家进行讨论。 自动切图（含WebP、SVG...