Chris Coyier

前几天我看到老 Dave Rupert 在 CodePen 上玩横向布局。他发现了一些我之前不知道的东西。一个 CSS 技巧，如果你愿意的话。…

除了特定 IP 外拒绝所有访问

Order deny,allow
Deny from All
Allow from xxx.xxx.xxx.xxx
Allow from xxx.xxx.xxx.xxy

除了特定 IP 外允许所有访问

Order deny,allow
Allow from All
Deny from xxx.xxx.xxx.xxx
Deny from xxx.xxx.xxx.xxy

RewriteEngine on
RewriteCond %{HTTPS} !on
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}

如果你在服务器前面有一个代理服务器执行 TLS 终止

RewriteCond %{HTTP:X-Forwarded-Proto} !https
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}

仅仅一年半前，Shane Osborne 在这里介绍了 BrowserSync。它做了一些我们作为前端开发人员真正喜欢的事情：样式注入、在必要时重新加载以及运行服务器，以便您…

Ana Tudor 制作了数十个美丽的示例，所有这些示例都只使用单个 <input type="range">。我们之前已经介绍过方法，但 Ana 进一步深入，添加了有用的功能并使用了像 /deep/ 这样的新事物。…

这篇文章来自 2013 年 7 月，描述了一种使用伪元素来保持元素纵横比的方法，即使它缩放。

这是一个简化计算的 Sass mixin。

@mixin aspect-ratio($width, $height) {
  position: relative;
  &:before {
    

来自 Jason Garber 的明智建议。…

使用 Twitter 或 Facebook（等等）提供的实际社交分享按钮对于大多数关注性能或隐私的网站来说都是不可行的。太慢，太危险。这有点可惜，因为这些按钮功能很好。一个替代方案…