Chris Coyier

老 Trent 在 使用 inset box-shadow 实现了一些简单而优雅的效果。其中一项技巧最终在图像上产生了暗角效果。就像这样：…

探索了四种实现全页面背景图像的技术，这些技术符合我们的预期：没有空白、根据需要缩放、保留纵横比、居中等等。

我认为“跨站”这个名字很令人困惑。很容易听到它并认为它涉及一个网站上的代码攻击另一个网站上的代码。事实并非如此。更不用说它不幸的“真实”首字母缩略词了。

它只是…

Google Chrome 团队的一本书的精彩演示。每个人似乎都称它为“HTML5”书。当然有很多 HTML5 内容，但也有大量 CSS3 和巧妙的 JavaScript 在…

在今年的 jQuery 峰会 上，我发表了我的演讲“用 jQuery 解决常见客户端请求”的几乎完全修改版本，这个演讲是我最初在今年早些时候的湾区 jQuery 大会上发表的。

我一直认为幻灯片有点奇怪…

$("form :input").focus(function() {
  $("label[for='" + this.id + "']").addClass("labelfocus");
}).blur(function() {
  $("label").removeClass("labelfocus");
});

…

最好让你的 header.php 保持干净，并将 shim 从 functions.php 文件插入。

// add ie conditional html5 shim to header
function add_ie_html5_shim () {
    echo '<!--[if lt IE 9]>';
    echo '<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>';
    echo '<![endif]-->';
}
add_action('wp_head', 'add_ie_html5_shim');

…

将哈希标签链接与固定位置标题一起使用可能会出现问题，因为浏览器会滚动到元素顶撞浏览器视窗顶部为止，从而使元素隐藏在标题之下。我们可以通过几种方法解决这个问题…

2014 年 4 月更新，包含更多现代信息。

WebKit 支持酷炫的 background-clip CSS3 属性，你可以用它来做一些非常棒的事情。我们第一次接触它是 iPhone 的“滑动解锁” 想法，我们在其中设置了…