还有两个月时间，我使用Sass就有两年时间了。几乎每一天，在工作中，在家里，在项目中，都有人问我，怎么更好使用Sass。很高兴他们这么相信我，每天能为他们提供帮助，我感到非常高兴。有些需求是合理的，有些需求是烦死人的。嘿嘿，我们可以从任何地方开始。也有些是抽象的。每个人都希望使用Sass能变得更简单（其他预处理器也在做这样的事情）。包括我在内，我也一直在这么做。

CSS Shapes是用来定义内容环绕的路径，这些路径都是通过形状函数来定义，比如：circle()、 ellipse()、 inset()或 polygon()，他们都被定位在一个虚拟盒子(virtual box)中，也就是引用框(reference box)。引用框定义了形状的坐标系统，因此它影响了形状如何绘制和定位。他有四种引用框可供选择：margin-box, padding-box, border-box和 content-box。每种引用框都会产生不同的结果。请继续往下阅读，了解他们是如何工作。

CSS和SVG有很多共同之处。CSS有很多特性都是从SVG中引入过来的。其中就有“剪切”的特性。CSS和SVG都允许我们对一个元素进行非矩形的剪切。在这篇文章中，将介绍CSS和SVG中的剪切技术。

在我做过的web项目中，几乎都用到了css预处理器，这样一来，变量的使用为我们带来了极大的方便，也成为了使用css预处理器的一个主要优点。一般来说，颜色、十六进制等其他一些重复性的、难于记忆的代码片段，是最先被我们用变量存储起来的。在很多Sass或者Less的项目中，我都把颜色值和变量建立起一定的关系，变量的名字同时也描述了它们的用途，这样在项目当中就会避免一些问题，比如过分的纠结于具体实现过程。

HTML5和CSS3的功能完全超越5年前我们在web上所能做的事。CSS Shapes Module Level 1（CSS形状模块标准1）规范有可能打破web中矩形盒模型的限制而且将网页设计提升到新的高度。它允许元素设计成不同的形状(圆形或五边形的div)，并且用更自然的方式让文字环绕着元素（文字可以环绕着你的曲线设计而不一定要有直角边界）。本文将通过一些小演示来检测CSS Shapes的可能性，并且帮助你开始探索之旅！

大会官网码农招聘图书签售

在写CSS的时候有一些小技巧，这些小技巧可以帮助你写出更好的CSS，也能让你的代码更简单、更整洁和更好的维护。那么在Sass编写的时候有没有这样的小技巧呢？回答是肯定的。在Sass编写过程同样有很多小技巧，这些小技巧同样能帮助你更好的编写Sass代码，同样能让你的代码变得更整洁，更好维护。今天这篇译文就介绍了编写Sass的一些小技巧，在你编写Sass过程中可以使用这些技巧，让你的Sass水平更往上提高一层。