Web应用的组件化是一个很复杂的话题。在大型软件中，组件化是一种共识，它一方面提高了开发效率，另一方面降低了维护成本。但是在Web前端这个领域，并没有很通用的组件模式，因为缺少一个大家都能认同的实现方式，所以很多框架/库都实现了自己的组件化方式。前端圈最热衷于造轮子了，没有哪个别的领域能出现这么混乱而欣欣向荣的景象。这一方面说明前端领域的创造力很旺盛，另一方面却说明了基础设施是不完善的。

不知道你的团队如何定义前端开发，据我所知，时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位，虽然身份之争多少有些无谓，但我对这种偏见还是心存芥蒂，酝酿了许久，决定写一个系列的文章，试着从工程的角度系统的介绍一下我对前端，尤其是Web前端的理解。只要我们还把自己的工作看作为一项软件开发活动，那么我相信读过下面的内容你也一定会有所共鸣。

七月份我写了一篇有关于先进的CSS filters技术,比如说backdrop-filter和filter()的特性。今天我想分享一个更牛逼的CSS特性。但是在分享之前让大家先知道，这个特性到目前为止只有Firefox浏览器支持，而且其他浏览器还没有表示要支持这个特性。当然，有可能后面会支持这个特性，但这并不影响我们一起对这个特性的探讨。

如果让你选出一个近期CSS发展的转折点，你很可能会选2014年11月NationJS大会上Christopher Chedeau关于“CSS in JS”的分享。那个时刻是个分水岭，一系列不同的想法像经历过高能碰撞一样在各自方向上螺旋上升。例如，React Style, jsxstyle 和 Radium 是目前在React中写样式的三个最新，最好，最可行的方法并且所有的参考资料都在它们的项目Readme中。如果发明是对于相邻可能性的一种探索，那么Christopher的责任是让许许多多的可能性更加靠近。

SVG有自己结构化文档的方式。通过某些SVG元素，我们可以在文档中定义、分组以及引用对象。这些元素使得元件重用变得简单，而且还保持了代码的简洁性和可读性。在这篇文章中我们将讲解这些元素，并指出它们之间的区别，以及每个元素各自的优势。

第一篇整理了有关于W3C标准规范的阐述，让大家对W3C组织有了更进一步的了解。今天整理了第二篇文章，这篇文章主要介绍了在编写CSS时有何技巧，在实际编码中如何注重这些细节。比如CSS属性的简写、响应式设计中的一些注意事项以及我们在实际开发中要不要使用CSS预处理器等。

最近在互联风上有关于Web字体的性能表现讨论的越来越多。自定义的Web字体使用虽然还在持续增长，但是没有过多的人考虑其实际性能。基本的@font-face使用方法至使用户加载字体受到阻塞。我去了解了@font-face以及寻找问题所在，并且探索改善字体加载性能，使使用Web字体的性能更好，加载字体更流畅。

《CSS Secrets》是@Lea Verou最新著作，这本书讲解了有关于CSS中一些小秘密。是CSSer值得一读的一本书，经过一段时间的阅读，我、@南北和@彦子一起将在W3cplus发布一系列相关的读后感，与大家一起分享。在这篇文章主要介绍了有关于Web标准(W3C)一些科普知识，让刚刚接触的同学对W3C有一个更完整的了解。

学会语法就可以制作 CSS 动画，但是要想做出动感、美观的动画，仅会语法是不够的。动画直接关系到用户体验，因此我们需要改进代码，从而找到正确的触发时机并掌握调试动画的方法。经过一番研究之后，我总结了一些有用的工具和方法。