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

Links

我们正在阅读并有一些想法的网络资源。有我们应该知道的链接吗?告诉我们!

为什么浏览器从右到左读取选择器

🔗 http://stackoverflow.com/questions/5797014/css-selectors-parsed-right-to-left-why/5813672#5813672
阅读评论

当我第一次了解到浏览器从右到左读取 CSS 选择器时,感觉有点奇怪和令人困惑。Boris Zbarsky 以一种非常有道理的方式解释了这样做的原因。部分原因是

…它正在考虑的大多数选择器都不匹配目标元素。所以问题变成了如何尽快确定选择器不匹配;如果这需要在匹配的情况中做一些额外的工作,你仍然会因为在不匹配的情况中节省的所有工作而获益。

steps()

🔗 https://lea.verou.me/2011/09/pure-css3-typing-animation-with-steps/
阅读评论

Lea Verou 使用 CSS3 子属性steps制作了一个“打字”动画,它允许你指定动画使用多少个关键帧。知道关键帧的数量意味着你可以准确地知道 CSS 在该关键帧时的状态,并可以相应地进行规划。另一个例子:simurai 制作的动画“精灵图”。

自适应图像

🔗 http://adaptive-images.com/
阅读评论

Matt Wilcox 的项目,用于向正确的设备提供正确的图像(例如,向小的浏览器窗口提供小图像,向大的浏览器窗口提供大图像)。无论带宽如何,小的浏览器窗口都不应该获取一个被缩小的大图像,而应该获取一个它们所需大小的图像。

这类似于 Filament Group 早期的一个项目,但这个项目采用了更多“即用”的方法,因为它不需要你做任何特殊的事情,甚至不需要你自己创建不同版本的图像。

Anything​Zoomer 插件

🔗 https://github.com/Mottie/AnythingZoomer
阅读评论

我的AnythingZoomer jQuery 演示已被 Mottie(他也维护 AnythingSlider)插件化。它有一些新功能,并且由于是插件,因此更易于使用。

SitePoint 播客 #127

🔗 http://www.sitepoint.com/podcast-127-css-tricks-with-chris-coyier/
阅读评论

收听 Louis Simoneau 和我关于 CSS 的讨论。

Bootstrap

🔗 http://twitter.github.com/bootstrap/
阅读评论

来自 Twitter(Mark Otto 和 Jacob Thornton)的 HTML/CSS 框架。非常全面:简洁的设计和排版、网格系统(流体或固定)、表单元素、按钮/导航、警报、工具提示、LESS 支持……我认为一个 Web 应用启动公司可以做的更糟糕的事情莫过于从这里开始快速启动和运行。

不要害怕互联网

🔗 http://www.dontfeartheinternet.com/
阅读评论

Jessica Hische 和 Russ Maschmeyer 制作的一套非常棒的 Web 设计入门教程视频。有点像我的超基础视频,但更专业。我将向每个问我如何开始学习 HTML 和 CSS 的人推荐这个视频。

Deck.js

🔗 http://imakewebthings.github.com/deck.js/
阅读评论

Caleb Troughton 制作的一个非常棒的幻灯片框架,可以在浏览器中运行。

这真是太棒了。

使用 CSS 渐变制作拉丝金属效果

🔗 http://simurai.com/post/9214147117/css3-brushed-metal
阅读评论

由独一无二的 simurai 制作。

另一个用例是尚未存在但很快就会出现的“圆锥形”渐变。

写博客。你可以做得更好。

🔗 http://panelpicker.sxsw.com/ideas/view/8777
阅读评论

这是我(个人)为 SXSW Interactive 2011 提交的专题讨论名称。如果你投票支持它,我会永远感激你,这将增加我今年有机会进行讨论的机会。它去年被拒绝了。我之前没有太多谈论博客,但我有一些关于博客的想法,我认为它们值得一提。

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 更新
  • 1
  • ...
  • 184
  • 185
  • 186
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律条款
  • 获取免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告
  • 联系我们
社交媒体
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.