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

Links

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

设定性能预算

🔗 http://timkadlec.com/2013/01/setting-a-performance-budget/
阅读评论

我之前读过 Tim Kadlec 的这篇文章,但我越想越喜欢它。

如果你要认真对待性能(而不是仅仅口头上说或一点一点地改进),那么要设定网站不会跨越的硬性限制。 例如,总页面重量为 300k、25 个请求和 100ms 响应时间。 任何东西都不能超过这个限制。 如果有东西超过了,那就所有人一起解决这个问题。 像对待重大错误或停机一样对待它。 如果你讨论一些会越界的新东西,那么需要优化或删除其他东西,否则就不要添加它。

使用 WAI-ARIA 路标

🔗 http://www.paciellogroup.com/blog/2013/02/using-wai-aria-landmarks-2013/
阅读评论

我需要在使用 role 属性方面做得更好。 它太容易了,而且有太多好处。 重要说明:**所有**内容都应该位于路标角色内。 Steve Faulkner 展示了方法。

神奇的网络访谈

🔗 http://theamazingweb.net/2013/02/11/a-conversation-with-chris-coyier/
阅读评论

Martin Wolf 在他的博客上采访了我,这是一个非常好的主要以链接为主的博客,带有评论,你应该订阅它。

深入了解 CSS 渐变

🔗 http://hugogiraudel.com/blog/css-gradients
阅读评论

Ana Tudor 提供了一些很棒的可视化效果,帮助理解 CSS 渐变是如何渲染的。

在一个字段中输入信用卡信息

🔗 http://zdfs.github.com/toscani/paymentInfo/index.html
阅读评论

信用卡号码、有效期和 CVV 都是数字,所以为什么不把它们都收集在一个字段中,并让数字键盘始终保持打开状态呢? 好主意,Zachary Forrest。 通过 Luke。

相关:如果你使用 Stripe,这可能是你唯一需要收集支付信息的地方。 但是,其他支付处理器通常需要更多信息(如地址),因此不收集这些信息是危险的(如果你将来需要切换)。

说到 UI 实验,这是一种 有趣的方法,用于选择菜单。

Smashing Mag CSS 问答:最终版

🔗 http://coding.smashingmagazine.com/2013/01/22/coding-qa-css-performance-debugging-naming-conventions/
阅读评论

也许不是有史以来最后一个,但现在是我们在这一轮中完成的五期左右的最后一个。 包括关于 CSS 性能、选择类名、在使用预处理器时在开发工具中获取正确行号、如何考虑 @extend 以及更多问题!

互联网用户要求更少的交互性

🔗 http://www.theonion.com/articles/internet-users-demand-less-interactivity,30920/
阅读评论

“每次我在浏览器中输入一个网址时,我不需要被带到一个完全沉浸式的、跨平台的、交互式的观看体验中,”圣地亚哥办公室经理 Keith Boscone 说。“我不希望花时间提供我的反馈、创建免费账户、成为不断增长的在线社区的一部分,或查看各种内容合作伙伴提供的相关链接。”

HTML 和 CSS 高级指南

🔗 http://learn.shayhowe.com/advanced-html-css/
阅读评论

Shay Howe 开始了一个关于 HTML 和 CSS 的新学习系列,这次将超越基础知识,进入你作为前端开发人员需要了解的真正核心内容。 已经完成了 3/10,每周都会推出一个新系列。

如果你需要从更基础的知识开始学习,Shay 的原始 “HTML 和 CSS 初学者指南”也非常棒。

无障碍项目

🔗 http://a11yproject.com/
阅读评论

Dave Rupert 领导了一个新项目

对于许多 Web 开发人员来说,无障碍性很复杂,而且有些困难。 [无障碍项目] 了解这一点,我们希望帮助让前端开发人员更容易实现 Web 无障碍性。

Wireframe.cc

🔗 http://wireframe.cc/
阅读评论

我并不是特别喜欢线框图,但我能看到它在一些工作流程中的价值。 这个工具非常简单。 我喜欢它的 UI 细节,如果你将“浏览器”窗口缩小到足够小的程度,它就会变成手机。

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 较新
  • 1
  • ...
  • 166
  • 167
  • 168
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们手工制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费信用额度!
CSS-Tricks
  • 为我们写文章!
  • 在我们这里做广告
  • 联系我们
社交
  • RSS 提要
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.