好吧，我只需发布链接看看效果如何……
CSS-Tricks 视频教程
免责声明：这些是我有史以来制作的第一批屏幕录像，因此质量有点粗糙。不过，我将继续努力，我相信随着时间的推移，它们会变得更好、更专注。
另外，我在视频中称它们为“播客”，但它还没有真正成为播客，因为我还没有真正弄清楚我将如何处理它。理想情况下，它们最终将可以通过 RSS（或者可能是通过 iTunes？）进行订阅。
CSS-Tricks视频教程现已推出
DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度！
您好，
您能否创建一个 .flv 版本，并将其集成到 flv 播放器中？我不想仅仅为了查看而安装 QuickTime 插件。至于 flv 播放器 - http://www.jeroenwijering.com/?item=JW_FLV_Player
@gog：我认为我对 QuickTime 的工作流程感到满意。那个 Flash 播放器非常漂亮，但它不是我想要的。它太小了，我并不真正需要侧边导航功能。如果足够多的人真的非常想要 Flash，我可能会这样做，但就目前而言，我认为如果人们想观看我的免费内容，他们可以费点事安装一个插件。
我认为这些视频信息量很大。我很高兴听到你的思考过程和你的组织方法。
只有一个批评意见，你有一个空的 clear div，仅仅是为了清除浮动 div。你应该删除该 div，并在包含浮动元素的 div 上设置 CSS 属性“overflow: auto；”（我认为你称之为 main-content）。这样，它就可以使用更简洁的 XHTML 清除浮动 div。
还想知道你对 CSS 定位的看法。看到你没有使用任何定位，并且认为你可以结合使用它和 z-index 将电视放置在链接旁边，以便天线位于链接旁边。
无论如何，继续努力，希望看到更多视频！
嘿，Chris。
很高兴终于在线看到它了。
恭喜。
来自德国的祝福，Oli
不错，Chris！这是一个很棒的想法。
发现这对于查看工作流程非常有用。对于第一次尝试，我想你做得很棒！
继续努力！
附言：关于 IE 问题以及你如何进行跨浏览器检查的教程会很好！
干杯！
继续努力，Chris，我可能需要将我的书签重命名为 CSS-GOD
很棒的工作。真的很棒。这些视频非常有帮助。
我期待着看到你接下来做什么。已订阅！
也许下次音量可以大一点，否则完美无缺。
谢谢
嗨，Chris，
如果你考虑制作视频的 Flash 版本，请记住 gog 提到的 Flash 播放器。该播放器实际上可以进行极大的自定义——你可以选择大小、播放列表的包含/排除、颜色、可用的按钮等等……所有这些都可以通过设置或取消设置一些 JavaScript 变量来实现。我在我的朝九晚五的工作中广泛使用它。我们所有的视频都存储在 S3 上，以与你的 S3 文章联系起来。:)
你好，Chris！！
首先，视频做得非常好，而且想法很棒，它们确实比纯文本示例更容易理解。
另外，关于 IE 问题和跨浏览器检查的建议也会非常酷，因为我（以及很可能很多人）在 IE 上遇到了很多问题。
感谢你的视频，并继续努力！！
感谢大家的鼓励和反馈。请继续关注网站外观的更新，我们将提供更轻松地访问视频部分的方式，以及一个专门用于视频的独立 Feed。
你好，我再次出现！
你是否可以像在 Photoshop mockup 中那样添加 HTML 和 CSS 文件？
我只是认为它们将非常有助于 100% 地理解课程。
顺便说一句，我最近才开始学习 HTML 和 CSS，你的视频对我有很大帮助。
谢谢！！
@Oscar：我上传了“转换”屏幕录像和新的“强制滚动条”屏幕录像的文件。希望对你有帮助！
你好！！
是的，我刚刚注意到它们，实际上它们非常有帮助。
感谢你考虑我的建议，并继续努力！！
PURA VIDA！！！
嗨，Chris，
我只是想告诉你，屏幕录像很棒！
但是……第 2 部分和第 3 部分无法访问，它们离线了吗？
继续努力！
嘿，Martin，很高兴你喜欢它们！我认为它们可能不可用，因为 今天早上 Amazon S3 出现故障。希望这种情况不会经常发生。
你好，Chris，
我只是好奇，你使用什么来创建你的屏幕录像？谢谢，顺便说一句，干得好！:)
我在使用 Internet Explorer 时遇到了问题。在 Firefox 和 Safari 中看起来很棒，但在 IE 中，我导航的列出元素乱七八糟。
我有四个链接，顶部边距为 81px，如下所示。但在 IE 中，只有第一个链接获得了顶部边距属性！其余的都位于页面顶部！怎么回事？
ul#nav {
height: 150px; width: 800px;
background: url(images/bg-header.jpg) no-repeat;
list-style: none;
text-align: center;
}
ul#nav li a {
display: block;
float: left;
color: #ffffff;
margin-top: 81px;
margin-right: 34px;
margin-left: 46px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 9px;
padding-left: 20px;
text-decoration: none;
outline: none;
}
（好吧，我在使用 Internet Explorer 时遇到了很多问题。我对此一无所知，所以请忽略其余的业余网站！我正在努力改进……）
看起来你需要在其中添加 ul#nav li { display: inline; }。
我试过了，但没有用！inline 和 inline-block 都没有影响 IE……:(
不过，网站很棒，感谢你提供的所有技巧和教程。
我搞定了！Chris，你是对的——我把 { display: inline; } 放到了“ul#nav li a”中，除了其他所有内容外，我还必须将它添加到“ul#nav li”中。我迫不及待地想让我的修复上线……
感谢你的帮助！
非常有用的教程！
Css-Tricks 绝对是创建个人网页信息的最佳网站之一！
继续努力！
嘿，Chris，
虽然我熟悉将 PSD 转换为 xhtml/css，但我从本教程中学习了一些新技巧。非常感谢！
Chris
非常感谢你的屏幕录像。它们非常有信息量。我学到了很多东西，从组织 CSS 代码到一些非常酷的技术。
继续努力。