深入浅出的交互 + 前端共同撰写的动效设计合作指南系列第一篇 by 阿里设计师

普及：浏览器的兼容性问题，往往是个别浏览器（没错，就是那个与众不同的浏览器）对于一些标准的定义不一致导致的。俗话说：没有IE就没有伤害。 贴士：内容都是自己总结的，不免会出现错误或者bug，欢迎更正和补充，本帖也会不断更新。 Normalize.css 不同浏览器的默认样式存在差…

简单的ps切图,抠图,常用的技巧,怎么样保存正确的图片格式,以及选择图片,多张图合并成一张图,以及利用背景定位技术嵌入到网页中

页脚置底（Sticky footer）就是让网页的 footer 部分始终在浏览器窗口的底部。这样的布局随处可见，偶然看到 CSS-TRICKS 上介绍页脚置底的文章觉得不错，对开阔布局的思路挺有帮助，遂译之。

纯 CSS3 制作各种各样的图形

本文的所列是实践当中得出的一套比较不错的 CSS 书写规范，可以结合自身团队发展出一套适合自己业务的规范。

上周，我分享了如何使用 BEM 创建一个合理的 CSS 架构。 虽然 BEM 很棒，但它只是解决方案的一部分。 还有另一部分我还没有提到 - 命名空间。 在今天的这篇文章中，我想与大家分享一下为什么只用 BEM 还是不够的，以及如何使用命名空间来弥补一些不足。 by Zell Liew - 众成翻译

移动端样式中引人注目的问题之一就是 1px!==1px？那么他背后的原理你又知道多少呢？什么是物理像素、虚拟像素、逻辑像素、设备像素，什么又是 PPI, DPI, DPR 和 DIP？有关 viewport 以及苹果安卓设备上的页面呈现为什么效果不一样，又有哪些方法去改变和统一呢？网络上有很多资源对这些知识点进行了介绍，但是查看之后我发现大都比较零散且阅读顺序容易让新人疑惑，在这里我尝试根据几篇文章糅合了一个循序渐进的知识点整理，通过概念介绍结合样例演示的方式、希望解决你心中有关各种像素、viewport的疑惑。

animateTransform是一个SVG元素，主要实现目标元素变换属性的动画，例如平移、旋转等。 对于animateTransform动画参数的介绍应该没什么必要了，但是在使用animateTransform的时候，有一个特别特别需要注意的点：坐标系。在SVG中图形的变换中…