在这个预处理的新世界里，没有什么可怕的。原生应用让它变得如此简单，以至于它应该成为任何现代工作流程的重要组成部分。在这个视频中，我们有一个简单的项目在……

这是一个关于不同 CSS 位置值的快速初学者级概述。简而言之：relative 允许你“微调”并且保留元素在页面流中的原始位置。Absolute 和 fixed 允许精确放置元素，并且……

在这个屏幕录制中，我将我自己的个人网站从我旧的实时 FTP 编辑方式迁移到一个适当的版本控制系统，包括部署。我在这方面没有太多经验，所以如果有点粗糙，请原谅我。

我们……

Chartwell 是一种专门用于创建简单而漂亮的饼图、条形图和折线图的字体。它就像写出简单的等式一样简单，例如 40+20+25+15。在像 Adobe Illustrator 这样的桌面软件中，你可以通过写出……来控制图表。

LiveReload 是一款仅限 Mac 的菜单栏应用程序，对 Web 开发人员非常有帮助。只需告诉它监视特定文件夹，当文件保存时，浏览器将自动刷新以显示更改。因此，无需……

有很多工具可以向你显示不同浏览器中网站的屏幕截图，以帮助进行测试。但屏幕截图在很多方面都存在不足：无法点击、无法悬停、无法输入、无法调整大小、无法测试 JavaScript 或其他交互式……

在这个视频中，我举了一个真实的例子，我知道在某个地方使用精灵是一个好主意，在 Photoshop 中手动创建精灵（我首选的方法），然后使用 SpriteCow 来帮助获得所需的精确位置值……

只需从浏览器保存网站（在 Firefox 中，你会得到一个 .html 文件和所有资源），将其放入你的 Public 文件夹，然后使用右键单击上下文菜单获取公共 URL。……

在录制此屏幕录制时，默认的 WordPress 主题是 TwentyEleven，这是一个非常简单且响应式的设计。也就是说，直到我们发布一个很棒的 YouTube 视频作为新的博客文章，响应式设计才失效。视频没有……

在这个视频中，我展示并解释了“响应式 Web 设计”所代表的最基本内容。然后我到处乱逛，展示示例、相关资源、相关人员、提示和技巧等等。……

你可能已经很清楚为什么使用版本控制是一件好事。如果你不清楚，我会在这个视频中快速介绍一下。然后我们进入最基本的事情：把一个……

我们花了一个小时的时间查看 Photoshop 设计并编写描述我们所见内容的 HTML5 标记。我们尽量做到尽可能语义化，并在遇到挑战时讨论这些挑战。我们没有……

HTML5 有许多表单特定功能，这些功能都使 Web 上的表单更好。浏览器对这些功能的支持参差不齐，但许多功能可以被认为是渐进增强，因此如果它……

在浏览器窗口内部放置一个边框是一个非常简单的想法，并且可以成为一种不错的设计效果。但是我们如何做到让边框在页面滚动时不会滚动消失呢？……

动画，就像过渡一样，可以随着时间的推移改变页面元素。动画在很多方面都更加强大和复杂。你需要使用特殊的语法声明动画才能使用它，这允许你指定值……

HTML5 有一种非常简单的方法来存储持久化数据，称为 localStorage。在原生环境中，你只需使用键值对调用一个方法，该方法就会（几乎）永久保存。知道键，你就可以随时检索它。这……

事实证明，有一种简单的方法可以在边框上实现渐变。尽管我花了比预期更长的时间才想到这一点，但这个屏幕录制涵盖了我尝试和查看的所有方法。

查看演示……

伪元素是网页上可见的元素，它们“不在 DOM 中”或不是从 HTML 创建的，而是直接从 CSS 插入的。这允许你做很多整洁的设计工作，而不会弄乱标记。伪……

跟随我们一起使用一些非常简单的 CSS3 过渡来创建“上滑”框效果。将鼠标悬停在框上，框的标题就会滑开，并且会出现一个更具描述性的风格化……

绘图表本质上是一个小型单页 jQuery 应用程序。它有一个主要功能，通过更改 HTML 表格中单元格的颜色来创建彩色设计。但是它有很多功能使这变得更容易……