Chris Coyier

继询问人们是否使用 HTML5之后，我询问了那些使用 HTML5 的人

您在生产环境中使用了哪些 HTML5 功能？

网站顶部边缘的阴影，如下所示

body::before {
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  box-shadow: 0px 0 10px rgba(0, 0, 0, 0.8);
  z-index: 100;
}

在为印刷设计时，拥有一个正确校准的显示器非常有意义。如果操作完美，则显示器上看到的内容应该与打印机打印出来的纸张上的内容一致。不会有任何意外。

在设计…

使用 CSS 创建图像悬停效果非常简单。为元素设置一个背景图像，然后在其 :hover 状态下更改 background-image。最佳实践是将两个图像组合成一个图像，并更改 background-position，而不是使用两个…

以防万一有人没有阅读 Smashing Magazine，Eric Meyer 在这里摘录了他最新 CSS 书籍中的大部分内容，其中包含很多有用的信息。我特别喜欢关于清除 :nth-child 元素并结合媒体查询的部分…

使文本颜色透明，但添加阴影

.blur {
   color: transparent;
   text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

模糊

不过，与文本阴影相比，更多浏览器支持颜色，因此您可能需要进行功能检测。或者，保留颜色…

将一个名为“db-error.php”的文件直接放在 /wp-content/ 文件夹中，当出现数据库连接问题时，WordPress 会自动使用该文件。

<?php // custom WordPress database error page

  header('HTTP/1.1 503 Service Temporarily Unavailable');
  header('Status: 503 Service Temporarily Unavailable');
  

.stitched {
   padding: 20px;
   margin: 10px;
   background: #ff0030;
   color: #fff;
   font-size: 21px;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px dashed #fff;
   border-radius: 10px;
   box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
   text-shadow: -1px -1px #aa3030;