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

Links

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

Web IQ 测验

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

非常有趣,设计精良,有趣的测验。 你必须提供一个电子邮件才能参加除了第一个之外的任何测验,所以你可能会收到一些随机的 Windows Phone 电子邮件或其他内容,但它很有趣。

优雅的文字阴影

🔗 http://blog.typekit.com/2011/07/19/shading-with-css-text-shadows/
阅读评论

来自 Typekit 的 Tim Brown 分享了一些非常优雅的 CSS 文本阴影并提供了一些画家的术语。

Typekit 博客体现了我多年来一直告诉我的所有公司的一个想法。 发布大量有趣的文章,自由地分享有关您所在领域的知识。 尤其是在它超越您业务的狭窄范围时。 它使您成为专家,并且对流量非常有益。 我保证这篇文章本身会间接地销售很多 Typekit 订阅。

关于径向渐变的一切

🔗 http://www.webdirections.org/blog/css3-radial-gradients/
阅读评论

John Allsopp 提供了一篇全面的文章和更新的 工具 用于创建它们。 有趣的是,绝大多数径向渐变示例都是超级惹眼的令人眼花缭乱的颜色。 我认为这是因为它们在“现实世界”中的用途很少。 微妙的照明效果是我能想到的唯一用途。

Mozilla 的身份

🔗 http://identity.mozilla.com/
阅读评论

来自 Mozilla 团队的新项目,旨在解决长期存在的单点登录问题(无需为世界上每个应用程序使用唯一的登录名/密码)。 我喜欢应用程序具有“使用 Twitter 登录”功能,但我不确定 Twitter 是否应该成为所有登录活动的中心,我宁愿它成为专门用于此目的的项目。 我希望它能成功。 看起来比 Open ID 更容易,Open ID 一直让我困惑。

Firefox 中的进度元素

🔗 http://blog.oldworld.fr/index.php?post/2011/07/The-HTML5-progress-element-in-Firefox
阅读评论

<progress> 元素已出现在 Firefox nightly 版本中,这是与 HTML5 表单相关的几个新元素之一。 值得注意的是,他们立即公开了通过伪元素对其进行样式设置的能力。 Mounir Lamouri 为我们解释了。

… 进度元素是两个 div。 你可以通过设置 progress 的样式来访问外部 div,并使用 ::-moz-progress-bar 来访问内部 div。

我希望所有“小部件”都能像这样简单直观地设置样式。

移动 WebKit 溢出滚动

🔗 http://www.johanbrook.com/articles/native-style-momentum-scrolling-to-arrive-in-ios-5/
阅读评论

移动网站开发人员最常抱怨的两个 CSS 属性是固定定位和溢出滚动。 这些属性缺失是有原因的。 如果实现不当,它们可能会让网站在小屏幕上无法使用。(想象一个巨大的固定位置标题,它隐藏了所有内容,或者被放大到一个小的可滚动区域,现在你无法滚动网站的其余部分。)

Johan Brook 指出,这些属性现在出现在 iOS 5 Beta 2 中的 Mobile Safari 中,并具有专有属性和供应商扩展。 看看他们如何解决潜在的陷阱将会很有趣。

此代码段 介绍了它的工作原理。

精灵牛

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

制作一个非常好的 CSS 精灵图像通常并非易事。 有一些工具可以帮助你完成它。 我最喜欢的工具是 SpriteMe。 我在这里描述了使用它的典型工作流程 这里。 然而,精灵牛可能是我新的最爱,我迫不及待地想尝试它。 使用它,你可以设计自己的精灵(♥),并使用精灵牛的出色界面来获取其不同部分的精确 CSS 背景位置。

WebKit CSS 反射

🔗 http://designshack.co.uk/articles/css/mastering-css-reflections-in-webkit/
阅读评论

来自 Joshua Johnson 的大量示例和信息。

Dropp

🔗 http://madewithsense.com/dropp/
阅读评论

我 Sense Labs 的朋友们刚刚发布了一款名为 Dropp 的非常酷的 iPhone 应用程序。 它允许你在地球上的任何地方留下基于位置的消息,当人们访问该位置时会收到这些消息。 你可以私下地将它们留给你的朋友,也可以公开地留给其他人。 这是一个非常酷且简单的想法,可以用于很多事情,从寻宝游戏到营销,再到浪漫。

CSS Lint

🔗 http://csslint.net/
阅读评论

Nicholas Zakas 和 Nicole Sullivan 开发的新工具,可以分析你的 CSS 并告诉你你做得不好。 这是一个很棒的工具,可以帮助你了解如何编写更好的 CSS。 说点挑剔的话,我认为像“不要使用 ID 选择器”这样的警告有点苛刻,而且偏向 Nicole 自己的 OOCSS 样式,但嘿,这是她的作品。 该 项目在 GitHub 上,所以如果你发现错误或想创建自己的版本,请在上面进行操作。

Quick Hits

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

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发的最新动态

使用我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律事项
  • 获得免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告
  • 联系我们
社交
  • RSS Feed
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.