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

Links

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

如何提出好的编码问题以获得很棒的答案

🔗 http://zellwk.com/blog/asking-questions/
阅读评论

我看到很多提问不佳的技术问题。Zell Liew 的建议

你有责任设计出其他人能够理解并快速回复的问题。

让我想起了帕梅拉·玛丽的两句精彩的话

提问的金科玉律:想象一下尝试回答它

回答的金科玉律:想象一下获得你的答案

↪ @pwnela #MadPlusRuby

— Chris Coyier (@chriscoyier) 2015 年 8 月 21 日

还有:简化测试用例

Google Fonts 重设计

🔗 https://fonts.google.com/
阅读评论

这是一个大型网站的重设计,我相信我们所有人都访问过很多很多次。它甚至位于一个新的子域名上:fonts.google.com。

搜索索引中的实时打字样本!此外,还有更漂亮的字体样本页面,包含更清晰的示例、酷炫/极客的数据可视化以及配对建议。提醒一下,您可能希望使用比他们提供的片段更复杂的字体加载方式。

排版手册

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

我前几天偶然发现了这个排版手册,认为它做得非常好。它让你立刻看到两份简历,并让你相当本能地偏好排版漂亮的那个,即使它们上的信息完全相同。

让我想起了有多少其他的排版“手册”

  • 应用于 Web 的排版风格要素(基于排版风格要素)
  • 实用排版
  • 律师的排版(不仅仅适用于律师)
  • Typekit 实践
  • 专业网页排版
  • 掌握日常排版冒险的口袋指南
  • 字体术语

理想的设计工作流程

🔗 https://blog.prototypr.io/the-ideal-design-workflow-2c200b8e337d
阅读评论

哈哈。我告诉过你设计工具现在很疯狂。

“……倾向于抓住关于事物应该如何的大观点。”

🔗 http://us1.campaign-archive2.com/?u=0a8f219cf8284562f91a26ee9&id=48c285c038
阅读评论

我喜欢 Rachel Nabors 在本周的Web 动画周刊中经过深思熟虑的思考

Scrolljacking 已经成为一个贬义词。但是什么是 Scrolljacking,它真的都那么糟糕吗?Web 上的动态设计还很年轻。许多代理商抓住最新技术来炫耀客户,但行业巨头和有抱负的领导者也倾向于抓住关于事物应该如何的大观点。

在最好的情况下:设计创新应该推动 Web 发展,而经验丰富的领导者则应用谨慎的制动器,以免我们伤害自己或我们的用户。在最坏的情况下:创意趋势使 Web 的某些部分对用户来说无法居住;或者有抱负的英雄通过对新的和可能具有革命性的设计技术采取非黑即白的观点来巩固自己的地位。出于这个原因,我们必须转向研究和事实,而不是意见和时尚,来帮助我们独立思考。

找到并替换“scrolljacking”为“人们正在谈论的任何有争议的事情”。

使用 Parker 改善你的 CSS

🔗 http://csswizardry.com/2016/06/improving-your-css-with-parker/
阅读评论

Harry Roberts 已经写过关于Parker,一个由 Katie Fenn 开发的样式表分析工具。他解释了为什么使用像 Parker 这样的工具对开发人员非常有帮助

我几乎每天都使用 Parker,并定期与我的客户和研讨会参与者一起使用它。Parker 提供了一些非常有趣的数据,如果你知道它们代表什么,你可以从中获得一些关于 CSS 的非常有价值的见解。

Harry 还描述了一个非常重要的原因,说明为什么开发人员可能会在每个规则中使用大量的选择器。因此,与其将样式包含在单个类中,例如.btn { },许多开发人员经常将多个选择器链接在一起,例如.btn, .input[type="text"] {},这往往会导致代码难以维护

在我们的 HTML 中,对谨慎使用类的令人惊讶地仍然存在的恐惧和回避,往往导致开发人员创建(以及随后维护)难以处理的选择器列表,这些选择器都链接到完全相同的声明。通过采用更多基于类的架构,我们可以开始以更简洁和实用的方式循环利用这些规则。

赞助商:Segment,您永远需要的最后一个集成。

🔗 http://synd.co/246SpOg
阅读评论

您是否厌倦了将第三方服务集成到您的网站中?是的,我们也是。这就是为什么我们创建了Segment。

从广告到个性化和支持,我们广泛的合作伙伴网络包括行业领先的营销技术解决方案、数据仓库和分析工具。Segment 的开发者友好型 API 为客户数据平台设定了标准,并得到 New Relic、Crate & Barrel、Intuit、Product Hunt、Instacart、InVision 和 Bonobos 等数千家优秀公司的信任。

使用 Segment,您可以节省数小时乏味的集成工作,并重新开始构建您的核心产品。我们甚至提供免费套餐。立即试用 Segment。

即时加载:构建离线优先渐进式 Web 应用

🔗 https://www.youtube.com/watch?v=cmGr0RszHc8&list=PLOU2XLYxmsILe6_eGvDN3GyiodoV3qNSC&index=94
阅读评论

今年 Google 的 I/O 大会上有很多精彩的演讲,而Jake Archibald 关于构建离线优先的演讲当然就是其中之一。2016 年的 DevTools演讲也非常棒。

或者,自己决定!有所有演讲的播放列表,Robert Nyman 也总结了所有内容。

此外,如果您有兴趣了解更多关于这个“渐进式 Web 应用”的内容及其相关争论……

  • Alex Russell:渐进式 Web 应用:逃离标签页而不失去灵魂和后续
  • Jeremy Keith:退化式 Web 应用和后续
  • Remy Sharp:差距现状
  • Christian Heilmann:渐进式 Web 应用和我们的退化式方法

Vanilla 列表

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

Vanilla 列表是一个 JavaScript 库的存储库;日期选择器、表单验证和推送通知只是其中一些库,如果您不能(或不想)依赖库。

HEAD

🔗 https://github.com/joshbuchea/HEAD
阅读评论

Josh Buchea 收集了“文档的<head>中包含的所有内容的列表”。仅<meta>标签就超过 100 个!

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 更新
  • 1
  • ...
  • 123
  • 124
  • 125
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

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

© 2024 . All rights reserved.