摘要： 本文是关于为优秀的人打造的优秀事物，特别是作者于2020年6月制作的一些CodePen作品汇总。这些作品包括滚动触发器、曾几何时、边界半径游乐场、超级巨星DJ等。每个作品都有详细的描述和对应的CodePen链接，展示了作者的创意和技术实力。这些作品涵盖了动画、交互设计、视觉效果等多个方面。
文章介绍了Google Fonts现在支持可变字体，以及如何在CSS中使用可变字体进行动画效果。首先，文章简要解释了什么是可变字体及其优势，然后重点阐述了在使用Google Fonts的可变字体时的一些问题和解决方法，如如何获取整个字体、如何更改可变字体的设置等。最后，文章给出了相关示例代码和说明。 关键词：CSS动画、Google字体。
文章主要介绍了关于复杂CSS插图的建议，包括以下几个方面的建议： 1. 时间和练习：CSS插图需要大量的时间和练习，追求越精确、插图越复杂，花费的时间就越长。 2. 描摹是完全可以接受的：描摹是一种有效的学习方式，也是创建CSS插图的一种重要手段。 3. 注意响应能力：在创建CSS插图时，要注意设计的响应性，确保在各种设备上都能良好地显示。 4. 三思而后行：在创作过程中，需要不断修改和优化，让插图看起来更完美。 5. 对所有事物使用绝对定位：在CSS插图中，使用绝对定位可以更好地控制元素的布局和位置。 6. 坚持一种方法：在创作过程中，选择一种适合自己的方法并坚持下去，可以提高效率。 7. 为你的风格保持坚实的结构：保持风格的稳固结构可以让你的CSS插图更具一致性和可维护性。 8. 处理尴尬的形状：在创建CSS插图时，需要学会处理不规则形状，使用clip-path、border-radius等工具可以更有效地实现。 9. 阴影技术：阴影技术可以增添CSS插图的层次感和真实感。 10. 预处理器非常有用：使用预处理器如Sass、Less等，可以简化CSS的编写和管理工作。 总的来说，文章提供了关于如何创建复杂CSS插图的实用建议和方法，涵盖了从创作过程到技术实现的各个方面。
CSS 动画指南 - 第 3 部分 CSS 变量
摘要： 本文主要介绍了CSS动画指南的第一部分，涵盖了文章开始前的一些提示，为什么要使用CSS动画，哪些内容可以制作动画，以及开始创建第一个动画的基础知识。文章还讨论了CSS动画的性能问题，介绍了如何通过属性选择优化性能。此外，还提到了动画检查器以及@keyframes的使用。第一部分的内容到此结束。
摘要： 本文将介绍如何将软件包发布到 GitHub 软件包注册表（GPR）。首先，简要介绍了 GPR 的基本概念和背景知识。接着，解释了授权 npm 和设置包的步骤，包括如何创建个人访问令牌，编辑 .npmrc 文件，以及在项目中配置包的发布。然后，详细介绍了发布过程以及如何使用 GPR 包。最后，讨论了将 GPR 包用作其他项目依赖项的过程。本文旨在为开发人员提供在 GitHub 上发布软件包的实用指南。
文章主要讲述了作者被软件工程师职位拒绝的经历，列举了多个面试中的奇怪拒绝理由。包括一家因规模问题拒绝，一家因认为作者不会喜欢在大公司工作而拒绝，一家因在技术面试的“调试部分”找不到 Ruby gem 中的错误而拒绝，还有面试官问问题模糊、用错误的标准评判等原因导致的拒绝。这些拒绝经历发生在一些备受尊敬的公司中，并且强调面试环节存在诸多问题。作者在文中分享了自己的见解和对行业现状的批评。
摘要： 本文解释了高阶函数的概念，通过代码示例展示了高阶函数如何简化代码并提高代码的可读性。文章首先介绍了高阶函数的定义，然后通过创建通用函数来演示高阶函数的用法，最后使用箭头函数进一步改善代码。通过实例，文章帮助读者理解高阶函数在编程中的实际应用和优势。
将属性有条件地插入对象字面量的最短方法 嗨，很高兴认识你😄！ 你可以在我的个人博客里找到这篇
