在这个视频中，我们解决了一个前端布局问题，如果没有 Flexbox，这个问题几乎是不可能解决的。我还写了一篇关于它的文章，方便大家参考代码……

作为前端开发者，我们需要完成很多任务。连接和压缩我们的文件。运行我们的预处理器。优化图像。运行测试。等等等等。使用不同的工具来完成所有这些任务……

Emmet 是一款代码编辑器的插件，可以帮助你更快地编写 HTML 和 CSS。

在 HTML 方面，它允许你为 HTML 编写缩写。例如……

Effeckt.css 是一款正在进行中的开源项目，旨在为网页设计师提供高性能、高质量的 CSS 过渡和动画效果。其理念是尽可能减少 UI 和 JavaScript，以便你可以提取效果到……

模板是需要注入到页面中的 HTML 代码块。通常，模板是在“服务器端”创建的——它们完整地传递给 JavaScript，只需要将其放入 DOM 中即可……

Modernizr 是否应该成为每个现代 Web 项目的一部分？不一定。在这个屏幕录制中，我讨论了当计划根据浏览器的支持情况做一些特别的事情时，你需要 Modernizr……

这是我在 2012 年 12 月的一次会议上做的一次演讲。在这个屏幕录制中，我再次把它分享给你们，CSS-Tricks 的订阅者……

这是我在 2012 年底和 2013 年初在一些会议上做的演讲。在这个屏幕录制中，我再次把它分享给你们，CSS-Tricks 的订阅者……

CSS-Tricks 上的按钮（在本视频录制时）具有伪 3D 效果。它们看起来像一块从上方倾斜角度看到的蓝色砖块。当你按下它们时，它们的 :active 状态……

我们总是制作 16×16 的图形，并以某种方式将其转换为 .ico 格式。我可能用过这个转换工具无数次。不知不觉，它开始变得越来越复杂。浏览器也可以支持 .png 格式的 favicon。而且……

完美的 CMS 无法开箱即用地满足任何非平凡的内容导向型网站的需求。它们需要进行定制。例如，新闻网站的特色文章不再仅仅是标题和内容。它包括标题、可选的副标题……

我以前从未尝试过创建自定义Sublime Text 代码片段。所以当 James Nowland发送了一个代码片段时，我抓住机会学习了……

在这个屏幕录制中，我们现场回答了更多论坛帖子，没有任何计划。我认为我们没有在任何我们查看的帖子中取得圆满成功，但这就是教训。你不需要有答案才能……

CodePen PRO 提供了一系列新功能。你可以阅读相关信息，但展示它们会更好，对吧？

【深沉而令人敬畏的声音】：这仅仅是个开始……

我从未在 GitHub 上提交过“Pull Request”。我想尝试一下，所以这段视频记录了我尝试弄清楚的过程。预先警告，这不是一个简洁快速的教程……

在这个屏幕录制中，我们转到论坛，尽可能多地回答问题。重点只是为了好玩，并向你展示参与社区是多么容易。成为一个……

即使网站的布局很简单，比如左侧是主要内容区域，右侧是侧边栏，这也是一个网格。CSS 中有一些新的布局方法越来越接近黄金时代……

我介绍了四件非常简单的事情，你可以做来加快网站速度。甚至没有复杂到制作图像精灵（这也不是很复杂）。这些都是很容易实现的，并且可以带来巨大的性能提升。此外，我们处理了一个……

正如我们在这里多次提到的：图标字体很棒。它们与 CSS 精灵一样高效：大量图像可以在一个下载中用于不同的区域/用途。但它们比……

CodePen 是一款用于分享和玩转前端代码的应用程序。我和我的朋友 Alex Vazquez 和 Tim Sabat 一起开发了它。在这个典型的漫无边际的屏幕录制中，我介绍了它是什么，它的用途是什么，如何……