Robin Rendle

shape-outside 属性控制内容如何围绕浮动元素的边框盒进行换行。通常情况下，这是为了使文本可以绕过圆形、椭圆形或多边形等形状进行重新排列。

.element {  
  float: left;
  shape-outside: circle(50%);
  width: 200px;
  

周末总结时间！从大量的 Grunt 和 Gulp 插件到能够帮助我们使用数据可视化网站的 Web 应用程序，学习性能工具的所有来龙去脉非常困难。我认为这可能会有用……

这是一个令人沮丧的情况：有人注意到一个真正的布局错误或某种故障，但他们在告诉你时无法准确地描述问题。作为前端开发人员，以及全面的优秀团队成员，我们……

background-blend-mode CSS 属性在 许多方面 都很巧妙。它使开发人员能够将一个 background-image 与它自己的 background-color 混合，甚至与应用于相同元素的另一个 background-image 混合。

额外的……

mix-blend-mode 属性定义了元素的内容应如何与其背景混合。例如，<h1 的文本可以以有趣的方式与其后面的背景混合。

.blend {
  mix-blend-mode: exclusion;
}

在……

background-blend-mode 属性定义了元素的 background-image 应如何与其 background-color 混合。

.container {
  background-image: url('image.jpg');
  background-color: red;
  background-blend-mode: screen;
}

在上面的演示中，左侧的默认 background-image 没有混合模式……

以下是客座 Joe Richardson、Robin Rendle 和一些 CSS-Tricks 员工共同撰写的文章。Joe 想写一篇关于 BEM 的文章，我们很喜欢，几乎所有的人都对这篇文章发表了自己的意见……

image-rendering 属性定义了如果图像从其原始尺寸进行放大或缩小，浏览器应如何渲染图像。默认情况下，每个浏览器都将尝试对缩放后的图像应用抗锯齿，以防止失真……

HTML5 History API 使开发人员能够修改网站的 URL，而无需完全刷新页面。这对于使用 JavaScript 加载页面的部分内容特别有用，因为内容差异很大，需要……