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

Links

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

我没有经历过冒名顶替综合征,也许你也没有

🔗 https://rachsmith.com/2017/i-dont-have-imposter-syndrome
阅读评论

近年来,讨论我们如何都患有这种冒名顶替综合征变得流行起来——无法将自己的成就内化,并持续担心被揭露为“骗子”。

我对此有两个问题

  • 它淡化了这种经历对真正患有它的人的影响。
  • 我们将本应被视为积极人格特质的东西——谦逊、接受我们不可能总是正确的、渴望了解更多——标记为“综合征”,我们需要“处理”,“克服”或“跨越”它。

它不是正式认可的综合征(至少现在还没有),但你可能会有一些类似冒名顶替综合征的医学诊断。一种普遍的感觉,即你是在装腔作势或不知道自己应该知道的那么多,这并不是它。

让 CSS 恢复和平

🔗 https://medium.com/@didoo/let-there-be-peace-on-css-8b26829f1be0
阅读评论

克里斯蒂亚诺·拉斯特利

在过去的几个月里,那些将 CSS 视为“关注点分离”范式中不可触碰的层的人,以及那些简单地忽略了这条黄金法则并找到不同方式来设置 UI 样式的人(通常通过 JavaScript 应用 CSS 样式)之间,出现了越来越多的摩擦。

他出色地阐述了“问题”,探索了历史,并指出了使这种情况看起来像战争一样的事情,包括我自己的事情!

正如克里斯蒂亚诺也明确指出的那样,与其说是战争,不如说是一个年轻的社区仍在摸索事物,为自己解决问题,并在时间中曲折前进,等待事情尘埃落定。

所以,以下是我的一些建议

  1. 拥抱网络不断变化的本质。
  2. 说话要谨慎:言语会伤人。
  3. 务实,不要教条。但最重要的是,要有好奇心。

智慧

🔗 http://kellysutton.com/2017/09/19/metis.html
阅读评论

凯利·萨顿撰写了关于编程、团队合作以及与希腊语词“Mētis”的关系的文章

Mētis 通常被翻译成英语为“狡猾”或“狡猾的智慧”。虽然没有错,但这种翻译未能体现 mētis 所代表的知识和技能的广度。广义上讲,mētis 代表着在应对不断变化的自然和人类环境中广泛的实践技能和习得的智慧。

凯利继续说道

在某些方面,mētis 与需要提前进行大部分设计的流程完全相反。相反,它更喜欢演化式设计。这种组织和构建系统可能会让那些希望弄清结构的组织感到抓狂。“项目 X 什么时候发布?”这个问题似乎总是会得到模棱两可的回答和回避。

一个更有效的问题——尽管同样让公司非工程部门的成员感到恼火——将是“我们对问题的理解什么时候会提高一个数量级,以及这种理解什么时候会融入产品中?”

大小限制:让网络更轻量

🔗 https://evilmartians.com/chronicles/size-limit-make-the-web-lighter
阅读评论

安德烈·西特尼克开发的一个新工具,它可以

  1. 告诉你你的包将有多大(假设使用 webpack)
  2. 向你展示该包的可视化效果,以便你可以看到大小的来源
  3. 可以为包大小设置限制,如果超出限制则抛出错误

就像一个性能预算,只是由工具强制执行。

必要的图像优化

🔗 https://images.guide/
阅读评论

艾迪·奥斯马尼的电子书认为,图像优化太重要了,不能留给手动流程。所有图像都需要优化,这是自动化的完美工作。

我当然同意。目前,我有一个 WordPress 插件 + Cloudinary组合拳在这里提供帮助。经过优化的图像,使用响应式图像语法提供,来自一个 CDN,该 CDN 还处理根据浏览器发送最佳格式,这极大地提高了性能。

Vue.js 样式指南

🔗 https://vuejs.ac.cn/v2/style-guide/
阅读评论

“样式指南”,指的是如果你使用 Vue 框架编写 JavaScript,这些是一些他们建议你遵循的指南。不要与模式或组件库混淆,这种情况确实会发生。

例如,使用多字 PascalCase 组件并将复杂的逻辑从模板中抽象出来。它们有几十个,都很好地记录了优缺点示例。这并不完全罕见。我知道 WordPress有关于此类事物的指南。

它们属于一类不寻常的样式指南,不是这应该是你如何构建、格式化和命名代码,而是这应该是你如何构建、格式化和命名代码在这个框架中。这里面的兔子洞可能很深。这是我们在 WidgetCorp 写代码的方式。这是我们在 WidgetCorp 编写 JavaScript 的方式。这是我们在满月时使用 Vue 在 WidgetCorp 编写 JavaScript 的方式。

我也有一个理论。

REST 与 GraphQL

🔗 https://blog.pusher.com/rest-versus-graphql/
阅读评论

我认为结论已经出来了:对于使用 API 的开发人员来说,GraphQL 是一个赢家。我们为所需的确切数据格式化请求,然后端点会将其吐出来。原本可能是多个 API 请求和手动拼接数据,现在只需要一个请求,并且格式正是我们想要的。

我听到的关于 GraphQL 是否适合 API 提供者方面的消息较少。我想,使用 REST 结构在特定 URL 缓存结果比使用负责任何请求的单个 URL 要容易得多。但我不是服务器专家。

此工具非常吸引人,因为它允许你构建自己的小型 GraphQL 后端,然后对其运行查询并查看结果。

eBay 的字体加载策略

🔗 http://www.ebaytechblog.com/2017/09/21/ebays-font-loading-strategy/
阅读评论

Senthil Padmanabhan 记录了如何

  1. FOUT 和 FOIT 都是不可取的。
  2. 最好的解决方案是font-display。
  3. 由于font-display 的支持度不高,因此实现它的路径非常复杂。
  4. 他们开源了它。

他们选择复制font-display: optional,我也最喜欢这个。

改善排版的五分钟指南

🔗 http://pierrickcalvez.com/journal/a-five-minutes-guide-to-better-typography
阅读评论

Pierrick Calvez 提供了一些你可能以前听过的排版建议。但这些建议以非常可爱和幽默的方式呈现。

重复排版的基本知识与重复性能的基本知识一样重要。压缩你的内容。使你的行长易读。设置远期过期标头。确保你拥有层级结构。优化你的图像。左对齐。

让我们重复这些内容,直到人们真正开始实践。

CSS font-variant 测试器

🔗 https://does-font-variant.work/
阅读评论

从小型大写字母和连字到旧式数字和序数,font-variant-* CSS 属性使我们能够更精细地控制字体中的 OpenType 功能。Chris Lewis 创建了一个工具来帮助我们查看哪些font-variant功能在我们的浏览器中受支持,我绝对可以预见这在将来对调试有所帮助。

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 更新
  • 1
  • ...
  • 97
  • 98
  • 99
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获得免费积分!
CSS-Tricks
  • 为我们写文章!
  • 与我们一起做广告
  • 联系我们
社交
  • RSS Feed
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.