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

Links

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

大力水手时刻

🔗 https://redesign.frankchimero.com/2019/popeye/
阅读评论

Frank Chimero 正在“公开”重新设计,我们应该关注它,因为 (1) 我们应该听取 Frank 的任何意见,因为他是一位很棒的设计师和作家,以及 (2) 公开工作 太棒了。

但对我来说,这篇文章开篇最让人印象深刻的是 Frank 对设计写作现状直言不讳。

设计并不孤单,它缺乏高质量的内容——总的来说,网络已经成为垃圾的倾倒场。 大多数设计内容已经成为低质量、肤浅的营销内容,弊大于利,因为它提供了过度简化、错误的信息的观点,并将其包装成指导。 人们很难从字里行间感受到生活经历和专业知识。 当有经验的人不写作时,骗子就会介入,假装有专业知识,并将其出售。

哎呀,我现在就要把它加入到 客座文章页面 中了。

Chrome Dev Summit 2019 亮点

🔗 https://bitsofco.de/chrome-dev-summit-2019/
阅读评论

Ire Aderinokun 再次整理了今年 Chrome Dev Summit 上引起她注意的一些内容,其中有很多激动人心的消息! 其中有 :is 选择器(Geoff 之前写过关于它的文章)以及 逻辑属性、标准表单元素的更新,以及检查用户是否在 4G 网络上或是否启用了数据节省模式的功能。

如果您想了解所有演讲,您可以观看 Chrome 开发者 YouTube 频道上的视频。

构建你自己的 React

🔗 https://pomb.us/build-your-own-react/
阅读评论

哇! Rodrigo Pombo 关于如何从头开始构建 React 的文章很棒,不仅因为它写得很好,而且因为它的出色交互设计:代码示例中的每一行都会在您向下滚动页面时突出显示并进行更详细的探索。

继续阅读 →

使用 Firebase Web 性能监控六个月

🔗 https://justinribeiro.com/chronicle/2019/10/28/six-months-using-firebase-web-performance-monitoring/
阅读评论

我真的不认为 Firebase 是一种性能监控工具(我一直都在考虑身份验证和实时数据存储),但无论如何,它完全具有 该功能。

Justin Ribeiro…

…一个用于跟踪真实用户在野外遇到的问题并易于设置的工具? 是的,请。 […] 我从 6 月份开始就在这个博客上使用 Firebase 网页性能跟踪。 让我们看看 Firebase 网页性能监控的优缺点以及令人困惑的部分。

Justin 谈到了该特定产品的优缺点,但我认为值得注意的是,这种性能工具反映了真实用户使用您的生产站点的情况。 许多性能工具测试只是一些经过修饰的 WebPageTest,它可能会在模拟的浏览器条件下运行您的站点一次。 我没有看到太多发生在真实用户性能监控领域。

我认为我会按类型对性能测试进行如下排名

  1. 在 CI 中运行模拟的性能指标。 停止破坏指标/预算的合并请求。
  2. 衡量生产环境中的真实用户监控。
  3. 在生产环境中运行模拟的性能指标。

serpstack

🔗 https://serpstack.com/
阅读评论

您是负责监控公司搜索引擎排名的人吗? 或者您的客户? 或者您正在构建一个工具来完成此操作? 手动谷歌搜索东西在规模上特别不可行。 如果您可以访问一个 API,它会返回带有此信息的格式良好的数据,那不是很好吗?

这就是 serpstack 的作用。“serp” 指的是“搜索引擎结果页面”。 您使用搜索查询点击它,它会向您返回搜索结果的 JSON 表示形式。 简单实用。

继续阅读 →

无用图像部门

🔗 https://gerrymcgovern.com/the-department-of-useless-images/
阅读评论

Gerry McGovern:

网络充斥着无用图像。 这些陈词滥调的库存图像完全无法传达任何有价值、有趣或有用的信息。 它们是数字污染的最糟糕形式之一,因为它们占用页面空间,将更有用的内容隐藏起来。 它们还会减慢网站的下载速度。

:laugh: :cry:

确实如此,不是吗? 中年男子盯着镜头.jpg 花费了多少带宽和电力?

优秀的摄影可以成为强大的情感触发因素,并成为设计的鲜明特征,但它与 Unsplash 上的随机图片之间存在界限。(这篇文章的作者非常喜欢 Unsplash 与 Notion 的集成。)

我们如何在 StackPath 的客户门户网站上执行前端测试

🔗 https://blog.stackpath.com/frontend-testing/
阅读评论

来自 Thomas Ladd 的一篇关于他们的前端团队如何进行测试的优秀文章。 该清单感觉像一个不错的目标

  1. TypeScript – 一种语言,但您本质上可以免费获得各种测试(传递正确的参数和变量类型)
  2. Jest – 单元测试。 JavaScript 函数正在做正确的事情。 与 React 兼容。
  3. Cypress – 集成测试。 页面加载,对页面进行操作,预期结果在 DOM 中出现。 Thomas 说他们的端到端测试(例如,访问服务)也是在 Cypress 中完成的,并且没有模拟任何数据。

继续阅读 →

学习 UI 设计

🔗 http://bit.ly/2KmoKAB
阅读评论

Erik Kennedy 的课程 学习 UI 设计 的报名时间不到一周。 披露,该链接是我们的会员链接。 我在这里链接到它,因为我认为如果您想成为一名优秀的 UI 设计师,这值得您花时间和金钱。

我认为 Erik 有点像设计教学界的 Wes Bos。 他深入研究了优秀设计的细枝末节和原因。 设计在某种程度上很棘手。 调整一些颜色、间距和线条等感觉有时很随意。 但您仍然对好坏有感觉。 诀窍是磨练您对发现设计中什么不好以及如何修复它的眼光。 Erik 在教授这方面非常出色。

继续阅读 →

scrapestack:一个用于抓取网站的 API

🔗 https://scrapestack.com/
阅读评论

并非每个网站都有 API 来访问其数据。 事实上,大多数都没有。 如果您需要提取这些数据,一种方法是“抓取”它。 也就是说,在 Web 浏览器(您可以自动化的)中加载页面,在 DOM 中找到您要查找的内容,并将其获取。

如果您想处理成本、维护和技术债务,您可以自己进行此操作。 例如,这是“无头”浏览器的主要用例之一,例如 Puppeteer 如何启动和控制无头 Chrome。

或者,您可以使用像 scrapestack 这样的工具,它是一个现成的 API,不仅可以为您完成抓取,而且可能比您自己尝试做得更好、更快,并且拥有更多选项。

继续阅读 →

禁用的按钮很糟糕

🔗 https://axesslab.com/disabled-buttons-suck/
阅读评论

在这篇古老但优秀的文章中,Hampus Sethfors 深入探讨了为什么禁用的按钮在可用性方面存在问题,他详细介绍了一个例子,说明这一点对他来说非常烦人。 最近我也遇到了同样的情况,我点击了一个看起来像辅助按钮的按钮,结果…什么也没发生。

以下是禁用按钮不好的另一个原因

禁用的按钮通常包含号召性用语,例如“发送”、“订购”或“添加好友”。 因此,它们通常与用户想要做的事情相匹配。 所以人们会尝试点击它们。

有什么替代方法? 抛出错误? 突出显示用户需要更新的精确字段? 所有这些肯定对显示问题所在以及如何解决问题非常有帮助。 不过,为了反驳一下,Daniel Koster 写了一篇关于 禁用按钮并不一定很糟糕 的文章,这很有意思。

但无论如何,我们不要讨论 禁用链接 的话题。

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 较新
  • 1
  • ...
  • 53
  • 54
  • 55
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发的最新动态

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

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

© 2024 . All rights reserved.