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

Links

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

Nownownow

🔗 https://matthiasott.com/notes/nownownow
阅读评论

Matthias Ott,转述他从 Derek Sivers 那里听到的想法

许多个人网站,包括这里,都有一个“关于”页面。 它是一个页面,告诉你关于一个人的背景或提供的服务的信息。 但这个页面通常没有回答的问题 - 以及 Twitter 或 Facebook 页面也没有回答的问题 - 是这个人现在到底在做什么。 一个页面可以回答诸如:你现在生活中专注于什么? 你刚开始做什么让你兴奋不已? 你刚搬到一个新城镇? 你开始了一个新的职业生涯,成为一个 Jengascript 驯兽师? 为了回答所有这些问题,Derek 建议创建一个“now 页面”。 一个页面告诉你的网站访问者“你会告诉一个你一年没见的朋友什么”。

非常棒的想法! Derek 有 一个目录页面,上面列出了已经这样做的人。

继续阅读 →

为什么我不使用 Web Components

🔗 https://dev.to/richharris/why-i-don-t-use-web-components-2cia
阅读评论

这是一篇有趣的文章,由 Rich Harris 撰写,他在文章中列出了过去使用 Web Components 时遇到的问题,以及为什么他不使用它们。

在资源有限的情况下,花在某项任务上的时间意味着没有花在其他任务上的时间。 在 Web Components 上投入了大量精力,尽管开发者群体的反应大多漠不关心。 如果这些精力投入到其他地方,网络能取得什么成就呢?

继续阅读 →

用 Comic Sans 渲染刻薄的评论

🔗 https://www.zachleat.com/web/snarky/
阅读评论

Zach Leatherman 的一个搞笑想法。 为了测试一条评论是否“刻薄”,有一个 npm 包 可以胜任这项任务。

在这个网站上,我们通常只是删除刻薄的评论,但我仍然运行 一个 WordPress 插件,允许我“推荐”或“埋葬”评论。 它很老,但在最新的 WordPress 中仍然可以正常运行。 我们使用“埋葬”功能来处理那些不是粗鲁、刻薄或垃圾邮件的评论,但也没有给文章添加太多价值的评论。 我们试图淡化这些评论,这样人们就不会浪费时间在评论区滚动。

我喜欢 Comic Sans 这个想法,所以我要试一试。 😉

继续阅读 →

你好,Subgrid!

🔗 https://www.youtube.com/watch?v=vxOj7CaWiPU
阅读评论

Rachel Andrew 在 CSSconf 上的演讲很棒,因为它深入探讨了即将出现在您附近的浏览器中的最激动人心的变化之一:subgrid! 这是对 CSS Grid 规范的一个更改,允许我们为视觉设计提供更大的灵活性。 Subgrid 允许我们在整个页面上设置一个网格,并让子元素使用相同的网格轨道。

我非常兴奋的原因是,这解决了自从成为 Web 开发人员以来遇到的最令人恼火的视觉布局问题之一,如果这对您来说听起来既疯狂又棒,那么一定要看看 Rachel 的演讲,因为她对这个问题的描述比我强得多。

所以,你觉得你已经掌握了项目管理

🔗 https://synd.co/2FufiZw
阅读评论

谁需要项目经理? 你是一个有条理的人,可以跟踪自己的工作,对吧?

错了。

好吧,如果你是一个团队的一部分,就错了。 自我组织的关键在于它与项目管理相关,但并不等同于项目管理。 举个例子:如果你的项目依赖于其他人的参与会发生什么? 当然,你很有条理,但你能始终说你的同事也一样吗? 很有可能你需要一些东西来让每个人保持同步,以便项目顺利进行。

这就是你应该考虑尝试 monday.com 的地方。

继续阅读 →

首字下沉 & 设计系统

🔗 https://product.voxmedia.com/2019/6/17/18524029/the-ballad-of-drop-caps-and-design-systems
阅读评论

Ethan Marcotte 写下了他的方法,说明如何让首字下沉对屏幕阅读器和浏览器都可访问。 所有这些都很有趣,我相信我将在不久的将来使用类似的技术,但让我从座位上跳起来的部分是 Ethan 谈论他在 Vox 的设计系统经验的地方。

自从推出我们改进后的首字下沉以来,我们一直在不断改进它。(包括修复了我这个专业网页设计师引入的一些错误。)我们还讨论了对自定义样式功能的潜在更改,以使其可持续。 但我认为,这项工作真正的益处不是首字下沉本身,而是从中产生的过程。

继续阅读 →

每种布局

🔗 https://every-layout.dev/
阅读评论

Every Layout 是 Heydon Pickering 和 Andy Bell 的一个新的正在进行的网站和书籍,它解释了如何使用 CSS 创建常见的布局模式。 他们描述了在设计这些布局时遇到的许多问题,例如响应式问题,以及确保我们都编写可维护的代码,然后他们在每篇文章的末尾提供了一个方便的生成器,用于创建我们自己的小框架来处理这些问题。

他们还有一个补充博客,其中一篇文章名为 “算法设计” 吸引了我的注意。

作为 Web 的视觉设计师,我们犯了太多大错,因为我们坚持硬编码设计。 我们通过对内容应用固定位置和尺寸来破坏浏览器的布局算法。

相反,我们应该尊重支持 CSS 的底层算法,并且应该在基于这些基础扩展布局时,以算法的角度进行思考。 我们需要利用选择器逻辑,利用流动和包裹行为,以及使用计算来使布局适应上下文。

构建灵活、健壮和高效的 Web 布局的工具已经存在。 我们只是太忙于编写 CSS 了,以至于没有时间使用它们。

继续阅读 →

网格、内容重新排序和可访问性

🔗 https://rachelandrew.co.uk/archives/2019/06/04/grid-content-re-ordering-and-accessibility/
阅读评论

拿这个

<ol>
  <li>Get hungry</li>
  <li>Order pizza</li>
  <li>Eat pizza</li>
</ol>

该 HTML 代码最终以这种方式出现在 DOM 中(以及它如何被辅助技术访问),默认情况下,这些列表项也以这种方式视觉显示。 继续阅读 →

用主题进行设计

🔗 https://learnui.design/blog/spice-up-designs-create-cohesive-brand.html
阅读评论

我喜欢 Erik Kennedy 谈论数字设计的方式。 非常实用且易于理解。 收听 我们与他进行的 ShopTalk 聊天。

他最新的一篇博客文章名为 “让你的设计更有吸引力(并打造更一致的品牌)的 #1 方法”,文章是关于他认为更像一个中级(超越基础)的设计技巧,关于主题的想法。

继续阅读 →

使用 Lighthouse 创建你的第一个性能预算

🔗 https://bitsofco.de/your-first-performance-budget-with-lighthouse/
阅读评论

Ire Aderinokun 写了一篇关于使用 Lighthouse 设置性能预算(并坚持下去)的新方法,这是 Google 的一组工具,帮助开发者了解他们的网站的性能和可访问性。

直到最近,我还没有设置正式的性能预算并执行它。 这并不是说我从未进行过性能审核。 我经常使用 PageSpeed Insights 等工具,并根据反馈做出改进。 但我从未做的是设置一个指标列表,这些指标需要网站满足,并使用一些自动化工具来执行它们。

造成这种情况的原因是,我不知道应该为预算使用什么确切的数字,以及设置预算和测试/执行预算之间存在脱节。 这就是为什么今年在 Google I/O 上,当 Lighthouse 团队宣布支持可以与 Lighthouse 集成的性能预算时,我感到非常兴奋。 我们现在可以在 JSON 文件中定义一个简单的性能预算,它将在 Lighthouse 审核过程中进行测试!

继续阅读 →

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速点击 →
  • 更新
  • 1
  • ...
  • 58
  • 59
  • 60
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

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

© 2024 . All rights reserved.