AI image generator

AI

AI image generator | Figma Community Figma 图片生成插件
免费AI图像生成器。使用这个文本到图像插件,您可以直接在Figma中生成独特的AI图像。无论您是每天使用AI还是刚开始尝试,都没有关系。这个AI图像生成器插件对任何人来说都很有趣和易于使用。您只需选择一个风格并用提示进行设计。
image.png

FramerAwards

Design

Framer: Site of the Month Award
image.png

由 Framer 创建的每月最佳网站设计奖,设计师和开发者可以在这里提交网站作为参赛作品,每个月月底由 Framer 评选出最佳的网站,并获得Framer 独家商品以及一年的 Pro订阅、当月页面的顶部位置和其网站的特殊徽章。分享几个我比较喜欢的作品:

Codepen

CSS

使用简单的CSS制作水波进度动画

Water Wave Filling Box with Animation - Autoscales
image.png

VSCode-Animation

Tools

VSCode 的动画增强扩展,为 VSCode 的许多操作添加了animation动画。
链接:Fetching Title#95jn
https://lee-oss-1300118632.cos.ap-nanjing.myqcloud.com/obsidian/Demo.gif

VSCode 损坏修复

Tools

203ae77a92722a177563f472139c89e.png
因为安装了一些奇奇怪怪的插件,导致 VSCode 会提示 已损坏,请重新安装。卸载掉奇奇怪怪的插件后,该问题并不会得到解决,搜了下发现居然有专门的插件来处理这种问题(完美闭环。

  1. 安装 Fix VSCode Checksums 插件。
  2. 执行命令:Fix Checksums : Apply
  3. 重启VSCode,完美解决

Dexie.js

Github

GitHub - dexie/Dexie.js: A Minimalistic Wrapper for IndexedDB
image.png
Dexie.js是一个用于IndexedDB的包装库,它解决了原生IndexedDB API的三个主要问题:错误处理不明确、查询功能差、代码复杂。Dexie提供了一个整洁的数据库API,具有经过深思熟虑的API设计、强大的错误处理能力、可扩展性、变化跟踪意识和扩展的KeyRange支持。它具有优秀的性能,并且支持多种操作。Dexie.js还提供了教程、API参考、示例和性能测试等资源。

设计师口袋心理学

Design

Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.
设计师口袋心理学(Mental Notes)将 53 个来自心理学的知识,汇集成一个简洁的参考和头脑风暴工具。每张卡片都描述了一种对人类行为的洞察力,并提出了将这种洞察力应用于网站、软件应用设计的方法。
image.png

Fuite - 内存泄漏排查工具

Github

项目主页:GitHub - nolanlawson/fuite

一个用于排查网页是否存在内存泄漏的CLI工具,只需要输入要被测试的目标网页地址,就可以自动排查该网站是否存在内存泄漏问题。旨在解决Web内存泄漏排查困难的问题,作者对市面上主流的前端框架主页进行了测试,发现绝大多数的SPA站点都存在内存泄漏问题。
作者写了一个关于这个工具的使用教程:Introducing fuite: a tool for finding memory leaks in web apps
作者写的其他的关于内存泄漏的文章:Fixing memory leaks in web applications