用accent-color简化表单样式

新的CSS accent-color属性使得我们可以通过利用用户代理样式,快速而简单地将品牌颜色推广到某些表单输入。在这篇文章中,我们将看看它的作用,以及如何将它与color-scheme一起用于简单的、可访问的复选框和单选按钮--并想象一下我们将来会如何使用它。 我不知道你怎么想的,但我喜欢新的CSS属性的出现,它使我们作为开发者的日常生活变得更简单,并使我们能够删除大量的冗余代码。aspe

- 阅读全文 -

驯服CSS-in-JS这头野兽

CSS-in-JS非常棒。当它逐渐受到重视的时候,我还记得使用它是多么的自由--在那个自定义属性还没有广泛使用的时代,它允许我们在JavaScript中创造丰富的动态体验!更棒的是,从NPM中消费一个组件库,而不需要愚蠢的bundler配置,这已经成为现实。更棒的是,从NPM消费一个组件库,而不需要繁琐的捆绑器配置,这已经成为现实,只要导入就可以了 在Atlassian工作期间,我有幸参与了At

- 阅读全文 -

用姿态检测的方式为自己塑造骨架

在这篇文章中,我们将向你展示如何通过用TensorFlow.js和姿势检测分析网络摄像头的画面,将你的身体实时转化为一个骨架。为了达到最大的幽灵效果,我们建议在10月31日的夜深人静时学习这个教程。 我们最近做了一个有趣的万圣节实验,我们使用一种叫做姿势检测的东西,用你的身体来实时塑造你的身体的骨架。 你可以在这里自己尝试一下。Trick or Treat 在这篇文章中,我们将向你展示如何使用Te

- 阅读全文 -

优化前端性能的9个最佳做法

你有50毫秒的时间来给你的潜在访问者留下第一个好印象。所以,是的,用户只需要50毫秒就能对你的网站形成意见,以决定他们是停留还是离开。 大多数网站由于前台优化不佳而无法提供令人满意的用户体验。而且,最常见的是由于不理想的数据加载和图像优化。 因此,在这篇文章中,我将讨论对优化前端数据加载有帮助的九个最佳做法。 1. 缩小资源 资源的最小化是指从你的HTML、CSS和JavaScript中删除不必

- 阅读全文 -

我用contenteditable构建所见即所得编辑器的痛苦

自然,当讨论中出现文本编辑器时,创建一个自定义的解决方案并不是人们首先想到的事情。所以我继续前进,我开始寻找我可以使用的可靠的所见即所得编辑器。互联网上有相当多的现成解决方案。有些是著名的,被知名的平台使用,如WordPress。但也有很多被抛弃了,被丢在GitHub仓库里积灰。 经过大量的时间在网上搜索和测试编辑器,结果发现我们有一些相当独特的要求。没有一个可用的编辑器符合我们的标准,所以我

- 阅读全文 -