跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

Links

我们正在阅读并思考的一些来自网络的内容。有没有我们应该知道的链接?告诉我们!

我找到了!

🔗 http://www.css-101.org/descendant-selector/go_fetch_yourself.php
阅读评论

Thierry Koblentz撰写的一篇关于 CSS 选择器效率的有趣文章。虽然在某些情况下需要多个 ID 选择器,但像#nav li ul li a#active这样的选择器几乎肯定过于繁重且效率低下。

CSS 的光明(近)未来

🔗 http://www.smashingmagazine.com/2011/02/11/the-bright-near-future-of-css/
阅读评论

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

新的防弹 @Font-Face 语法

🔗 http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax
阅读评论

我敢打赌,你们很多人都在设计中使用@font-face。可能值得更新到这个新语法,它比以前流行的方法更好地处理 IE9 和 Android。

媒体查询的经验教训

🔗 http://blog.bloop.co/the-practicalities-of-css-media-queries-lesso
阅读评论

Sam Collins 详细介绍了他使用媒体查询的经验,并将其与其他移动优化技术进行了比较。在媒体查询中有很多实用的技巧可以使用,例如

  • 删除所有 CSS 和 JavaScript 动画(以及如何操作)
  • 使用新方法重新声明 @font-face 以修复 Android
  • 将输入的字体大小设置为至少 100%,以避免 iPhone 出现尴尬的缩放。

评论线程中也有一些很棒的技巧。

影响类型渲染的 CSS 属性

🔗 http://blog.typekit.com/2011/01/26/css-properties-that-affect-type-rendering/
阅读评论

Tim Brown 提醒我们

在网络上渲染类型时,网页设计师能做的事情不多。

他指的是字体的屏幕渲染效果。有一些属性对其有显著影响,即:font-size、color、-webkit-font-smoothing 和 rotation。rotation 是可能产生最大负面影响的一个

…非水平类型的渲染简直是一片荒原。

Unmatched Style 网站回顾

🔗 http://www.unmatchedstyle.com/gallery/css-trickscom-website-review-a-discussion-with-chris-coyier.php
阅读评论

我在 Unmatched Style 的朋友们回顾了这个网站。请务必查看顶部的视频,Gene 和我讨论了一些设计决策和幕后技术。

humans.txt

🔗 http://humanstxt.org/
阅读评论

我有点喜欢这个主意

它是一个 TXT 文件[位于您网站的根目录下],其中包含有关为构建网站做出贡献的不同人员的信息。

许多网站应该有一个关于页面,其中此信息易于查找。但是,也有一些网站无法或不适合拥有这样的页面。

但是为什么不使用humans.html呢?

原生 CSS 变量更接近现实

🔗 http://www.xanthir.com/blog/b49w0
阅读评论

Tab Atkins Jr

…此功能开始出现在 Webkit 的夜间构建版本中的时间可以用几个月来衡量。

和

…这是那些您必须等待十年才能在公共网络中可靠使用的事情之一。

Nettuts+ 也有一个很好的概述和热烈的讨论。

Shadow DOM

🔗 http://glazkov.com/2011/01/14/what-the-heck-is-shadow-dom/
阅读评论

您知道 WebKit 范围输入上的小蓝色旋钮吗?以及所有这些花哨的<video>控件?这些都是使用普通的(带样式的)HTML 元素构建的,只是它们位于玻璃墙后面。您可以看到,但无法触摸。

可用性的阴暗面

🔗 http://www.usabilitypost.com/2011/01/10/dark-side-of-usability/
阅读评论

有一些实际数据支持一个违反直觉的想法,我之前假设过

使用更复杂界面的用户往往表现更好,不太容易受到干扰,并且更有可能将他们的技能转移到新的界面或任务中。

我认为从中学到的经验教训不是“让我们使我们的界面更难用”,而是“也许我们对可用性的了解不像我们想象的那么多。”

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 更新
  • 1
  • ...
  • 191
  • 192
  • 193
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费积分!
CSS-Tricks
  • 为我们写作!
  • 与我们一起做广告
  • 联系我们
社交
  • RSS Feed
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.