上一节的教程中学习了如何使用PostCSS插件帮助你处理跨浏览器兼容性的样式，特别是如何对IE老版本做降级处理。在本教程中我们将继续学习如何使用PostCSS插件让你的样式表更加高效，加载更快。这些都可以通过PostCSS插件执行各种压缩和优化。

上周，我在CSS Conf EU上分享了一个主题：PS已死，CSS中处理图像。我最初的想法是10件你常使用Photoshop处理在浏览器显示的效果，但当我开始考虑过滤效果和混合模式时，这一切都处在探索中。我决定要写一系列的文章分享这方面的知识，帮助大家更好的消化。让我们先从一些简单而有效的效果开始！

在前面一系列的PostCSS教程中我们学习了PostCSS一些基础知识。接下来准备继续使用PostCSS生成样式表，而且采用不同类型的插件用于不同的目的。在这篇教程中我们使用PostCSS创建一个跨浏览器兼容性的样式表。我们将要做的：需要前缀的自动添加前缀，添加一系列的IE版本，回退到IE8、IE9和IE10，为有动画属性添加will-change属性。那我们开始吧。

当你阅读完本系列教程前面的内容，你应该收集了一些PostCSS插件。如何选择PostCSS的插件，这一切取决于你的经验。鉴于前面的基础，我们来继续了解PostCSS插件的生态系统。通过这个可以了解PostCSS多么强大，以及他能提供哪些功能。我们将讨论PostCSS插件管理，你可以通过这些去关注最新的PostCSS插件，了解这些插件属于什么类别，考虑如何将这些插件运用到实际的项目中。

上一篇谈到了我对无线电商动态化的理解，并简单提到了我们自己提出的技术方案：Weex，今天就来详细介绍一下 Weex

曾几何时为了兼容IE低版本浏览器而头痛，以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代，为了处理各终端的适配而乱了手脚。对于混迹各社区的偶，时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配？那么趁此Amfe阿里无线前端团队双11技术连载之际，用一个实战案例来告诉大家，手淘的H5页面是如何实现多终端适配的，希望这篇文章对大家在Mobile的世界中能过得更轻松。

如题，接下里的一段时间里，我会从无线电商动态化的角度谈一谈自己的理解和思考。首先要谈的是无线，或者说移动。手机和传统桌面端计算机有着非常大的不同，首先是随时随地，这样它就需要同时也可以拥有更多的传感器，比如镜头、体感、定位、蓝牙、NFC 等等，当然也包括多点触摸屏，人们的操作和交互方式也发生了很大的变化；其次它的屏幕尺寸和电脑完全不同，也由此产生了完全不同的阅读体验和阅读方式；再有就是能耗和稳定性变得非常非常关键，如何流畅的展示复杂界面和大数据，如何有效控制由于资源问题而导致的 crash，如何帮用户省电，如何长时间使用还不会发烫，都变成了很重要的课题。总而言之，一个输入，一个输出，一个性能。

15年双11刚落下帷幕。今年众所周知，是全面“无线化”的一年。数据上我就不说了，可以公开的数据我相信大家多多少少也从各方都了解到了。在整个阿里体系内，无论技术还是业务，都会把每年的双11当作一个战场，同时也是一个“炼金石”。不管是技术还是业务，不经过双11的检验，似乎就没有资格真正的在阿里站得住脚。此文作为今年双11手淘前端技术巡演的前言，注定会是一篇技术干货含金量偏少的一个引子。笔者也就着第一次作为双11手淘前端的PM的角色，聊一聊在今年双11，在我们所谓“前端”这个职能上，我看到的一些事情和感想。也为接下来即将“扑面而来”的一篇篇各个技术方向的含金量极高的总结和干货做个“抛砖引玉”的作用。

HTML规范有一个令人感到兴奋的功能可以自己自定义HTML元素。这允许你可以根据自己的JavaScript API创建自己的HTML元素。这在整个应用程序中构建接口和组件重用可能是非常有用的。在这篇文章中你可以学习到如何自定义自己的HTML元素和定义他们需要的JavaScript API。我们开始吧。

HTML 是 Web 平台最重要的元素。它提供了各种构造站点和应用程序的底层特性。但是，一旦你开始用原生 HTML 标签实现一个复杂的组件，很容易就会变成 div 标签的堆砌。假如 Web 平台允许你创建自己的原始组件会怎样？假如你可以随意选择标签名会怎样？加入你可以扩展已有 HTML 标签的特性会怎样？自定义元素（Custom Elements）就允许你做这些事情。