杨柳下的告白

在本文中，你将学到一些关于 Flexbox 的极其重要的理念。

我经历过许多 CSS 代码的调试工作，有别人写的也有自己写的，有移动端平台的也有标准桌面浏览器的，从陈旧的 IE 到最新的基于 Webkit 的每日构建。经验告诉我，很多人并没有一个标准的 CSS 调试流程。 英语原文: https://benfrain.com/debugging-css/

文字两侧加横线的解决方案

本文从属于笔者的前端入门与最佳实践中的 DOM 网络处理系列文章，包括基于 fetch 的 DOM 网络请求、URL 编码详解与 DOM 中 GBK 编码实践、浏览器中跨域机制详解与实战、浏览器中长连接的几种风味、文件传输这几个部分。

本文翻译自 Danny Markov 的 20-Tips-For-Writing-Modern-CSS 一文。 本文归纳于笔者的 Web Frontend Introduction And Best Practices: 前端入门与最佳实践中 CSS 入门与最佳实践系列，其他的关于 CSS 样式指南的还有提升你的 CSS 姿势、Facebook 里是怎样提升 CSS 代码质量的。本文更偏向于样式使用技巧，前两篇偏向于代码风格与规范。

这篇是 Jon Yablonski 的客座文章。Jon 将会给我们展示一个如何处理标记以便让一个组件变得相当通用的例子。它按原样工作，并且有一个制作变种的标准化方式（添加一个类名）来让更改设计以适应场景。 原文链接： https://css-tricks.com/developing-extensible-html-css-components/

实用而论，不想了解具体原理的同学只要记住一点即可：在配置好环境的情况下，拿到设计稿并发现需要使用固定宽高比元素的时候，在 css 中做好 px（设计稿中的 px）与 rem 换算就行（即便这个过程也有不少偷懒的办法, 减轻工作量）。