属于直男翻译了,仅供娱乐哦,英文原版: Top Front-End Tools Of 2022

本期共享的是去年前端生态中若干人气爆棚的年度小玩具。工欲善其事,必先利其器,欢迎大家体验测评一下哪个小玩具值得入手,提高生产力,今年继续内卷。本文根据流量和热度列举了这些小玩具,排名有分先后,上榜各凭本事。

CSS 指纹

过去几年,只通过 CSS 来追踪用户的概念讨论得如火如荼。CSS 指纹(CSS Fingerprint)某种程度上是关于该主题的一体化资源。

前端小玩具年度盘点_JSON

我们可以授权体验测试页面,其中可以查看我们专属的“CSS 指纹”,并且其 GitHub 仓库爆料了一大坨技术咨询。

Almond.CSS

Almond.CSS 是今年金榜题名的三大无类(class-less)CSS 框架的冠军。尽管诸如 Tailwind 之类的实用工具人气爆棚,但看到此类项目拔得头筹还是笑嘻了。

前端小玩具年度盘点_后端_02

这些库的工作方式与 CSS 重置或 normalizer(规范器)类似,但在应用样式方面更加我行我素。

MingCute

我每年可能会邂逅至少 20 个新图标库。MingCute 就是其中之一,它似乎因其简单性和一大坨可用图标而人气爆棚。

前端小玩具年度盘点_JSON_03

该库目前包含 1_800 个 SVG 或 PNG 格式的图标,该网站允许我们将图标添加到实时“收藏夹”中,然后我们可以立即下载所有已选图标。

JSON Crack

JSON Crack 荣膺年度人次爆棚工具人。这最初名为“JSON Visio”,它是 JSON 数据的可视化工具和格式化程序。

前端小玩具年度盘点_前端_04

将数据粘贴到编辑器中,该工具会以易读的流程图格式显示,我们可以自定义该格式,甚至可以将其嵌入到网页中。有一个搜索功能可以在大文件中查找数据,并且有一个关联的 VS Code 扩展插件。

你最喜欢哪一个呢?

部门捞人,前后端可投。