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

这是一个关于不同 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 视频作为新的博客文章发布，响应性才崩溃。视频没有…

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

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

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

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

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

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

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

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

查看演示…

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

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

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