Chris Coyier

创建一个菜单，在较小的屏幕上将其更改为下拉菜单。下拉菜单占用更少的屏幕空间，并且使用起来可能更方便。本教程将向您展示如何操作以及讨论其优缺点。

Mozilla 团队的新项目，旨在解决长期存在的单点登录问题（无需为世界上每个应用程序都使用唯一的登录名/密码）。我喜欢应用程序具有“使用 Twitter 登录”的功能，但我不确定 Twitter 是否应该……

在 HTML 中，关于省略属性值的引号有一些规则。然后，违反这些规则会导致实际问题。然后，在这些规则之外也可能会出现问题。是的，有点复杂，但我已尝试在此处记录它。

在此示例中，如果未选中任何复选框，则提交按钮处于禁用状态；如果至少选中了一个复选框，则启用。

<form>
   <!-- bunch of checkboxes like: -->
   <input type="checkbox" ... >
   <input type="checkbox" ... >

   <!-- submit 

…

IE 8（仅限）认为所有表格单元格都有 colspan 属性，无论它们是否有该属性。因此，如果您希望为具有该属性的表格单元格设置独特的样式，这有点困难。

添加到 functions.php 文件中

add_action('admin_head', 'my_custom_fonts');

function my_custom_fonts() {
  echo '<style>
    body, td, textarea, input, select {
      font-family: "Lucida Grande";
      font-size: 12px;
    } 
  </style>';
}

…

<nav>
  <ul class="top-menu">
    <li><a href=#>Home</a><div class="menu-item" id="home"></div></li>
    <li><a href=#>Catalog</a><div class="menu-item" id="cataloge"></div></li>
    <li><a href=#>Price</a><div class="menu-item" id="price"></div></li>
    <li><a href=#>About</a><div class="menu-item" id="about"></div></li>
    <li><a href=#>Contact</a><div class="menu-item" id="contact"></div></li>
  </ul>
</nav>

nav {
	width: 960px;
	height: 100px;
	margin: 120px auto;
	text-align: center;
}
.top-menu li {
	

…

新的投票已经开始（在实际网站的侧边栏中，RSS 用户可以查看），内容如下：

您更愿意将一个 200k 的文件托管在主要的 CDN 上，还是将一个 20k 的文件自托管？

这需要一些解释……

<section class="fieldset"<h1This is not a fieldset</h1<pBooyah!</p</section

.fieldset {
  position: relative;
  border: 1px solid #ddd;
  padding: 10px;
}

.fieldset h1 {
  position: absolute;
  top: 0;
  font-size: 18px;
  line-height: 1;
  margin: -9px 0 0; /* half of 

…