现在为止，CSS 是否可以取代 CSS 预处理器的地位？CSS 预处理器会不会成为 CSS 过渡时期的产物呢？

译文出自：闪电矿工翻译组 原文地址: CSS selectors level 4 原文作者: Esteban Herrera 仓库原文链接：issue 译者: thisang 选择器是 CSS 的核心部分。你用来做一些操作比如说选择某种类型的所有元素，就像下面这样： <

奇技指南本文来自奇舞周刊，作者奇舞团前端开发工程师高峰。在CSS中我们可以通过background-blend-mode和mix-blend-mode来应用混合模式这一强大的效果。这一效果仿佛能够让我们在浏览器

The CSS layout cookbook aims to bring together recipes for common layout patterns, things you might need to implement in your own sites. In addition to providing code you can use as a starting point…

熟悉的技术名词，已然大叔了

因为平时也关注网易UEDC的订阅号，前几天就看到了这么一个动效，主题是《网易云音乐2018年度听歌报告》，内容是一个人在努力蹬车因为构图简单，创意又不错，所以就试了下用SVG+CSS动画实现起来的难度，大概费时两个小时左右，效率还是蛮高的，总比用AE实现起来快的多得多，下面就&#

原文地址：CSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best Friends原文作者：Heydon Pickering译文出自：掘金翻译计划译者：linpu.li校对者：xekri、Tina92CSS 继承深度解析我酷爱模块…

主要利用css渐变实现一些不需要切图的背景镂空 .mixinsTicket(@width, @height, @r, @left, @lcolor, @rcolor) { width: @width; height: @height; background: radial-gradient(circle at t

原文链接：CSS and Network Performance 挺长的一篇文章，比较全面地介绍了 CSS 加载的相关知识，由于译者水平有限，有能力的同学建议直接看原文，同时也希望译文对你有所帮助，谢谢~以下是正文： 承蒙抬爱，我被称为 CSS 魔术师已经十多年了，但最近在博客上，CSS 相关的文章却x

人们用大量的时间去优化网页滚动的流畅度，包括尽量缩短 JS 执行时间，发明 Passive event listener 等。 相同的页面效果，如果不使用 JS 就能实现，那一定是最流畅的。例如下面的优酷世界杯的页面，如果使用 JS …

本文作者：高峰，360奇舞团前端工程师，W3C性能工作组成员，同时参与WOT工作组的学习。 我们都知道对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。因此，与其相关的性能优化是不容忽视的。 对于性能优化我们常常在项目完成时才去考虑，经常被推迟到项目的末期，甚至到暴露出严重的性能问题时才进行性能优化，相信大多数人对此深有体会。 笔者

要问2018最让人兴奋的CSS技术是什么，CSS Houdini当之无愧，甚至可以去掉2018这个限定。其实这个技术在2016年就出来了，但是在今年3月发布的Chrome 65才正式支持。CSS Houdini可以做些什么？谷歌开发者文档列了几…

前情提要 此文内容涉及： 素数的判定与筛选CSS 计数器及其作用域伪元素生成内容层叠样式flex突发奇想某天在查 nth-child 伪类的时候，突然想到，既然 nth-child 伪类可以选择【处于某个数的所有倍数位置】上的元素…

简评：使用图片和 CSS 样式来制作网页图标的日子已经过去了，随着网页字体的爆发，图标字体成为展示图标的第一解决方案。字体都是向量，所以你不必担心分辨率的问题。它们能作为文本来用 CSS 属性修饰，所以你能够…

在页面构建中，能明显提升页面显示质量的一些CSS小技巧。很多简洁美观的页面表现，可以使用CSS3代码即可实现，减少图片的使用。