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

这是一个关于不同 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 表格中单元格的颜色来创建彩色设计。但是它有许多功能使这变得更容易……