折腾些什么玩意。

群组 @htmlzone 作者 @ccbikai
这是我刚才花了 5 分钟使用 Recraft #AI 给我 shadcn 风格临时邮件生成的博文插图

大家看看效果咋样，我觉得配合 shadcn 风格的站很合适

https://404.li/recraft
AI
这样写过代码的人，孩子都上小学了吧
像写 Tailwind #CSS 一样写 #JS , 真有人会这么干吗？
CSS JS
#工具推荐 Easing Wizard 一个 #CSS 动画 Easing 函数编辑器

可以选择预设的缓动效果，或者通过自定义选项来创建自己的 Easing 函数

https://404.li/easingwizard
Easingwizard
Easing Wizard - CSS Easing Editor
Generate and customize CSS easing functions with ease and magical precision using Easing Wizard 🧙
工具推荐 CSS
最后一次发 #Follow 邀请码，有需要的评论吧
Follow
#CSS 发布了自己的官方 Logo

但是看起来没那么 Awesome

https://github.com/CSS-Next/logo.css
CSS
#趣站分享 GitHub Receipt

给你的 #GitHub 生成一张收据 🧾

https://404.li/gitreceipt
趣站分享 GitHub
#工具推荐 Beauty.Codes

天天写代码，总有一些代码需要分享，Beauty.Codes 可以帮你给代码生成漂亮的截图，并保存为 Snippet ，方便日后查找

https://beauty.codes
工具推荐
价值两小时的一行代码

pnpm + workspace + docker 项目的 Dockerfile 写起来真累
好消息 #VSCode 的 #GitLens 插件可以调用 #GitHub #Copilot 插件的 #AI 模型了，又可以省一点 Token 了
VSCode GitLens GitHub Copilot AI
LogoCreator #开源 的使用 #AI 生成 #Logo 的工具，效果还不错

准备本地部署一下，把我黑黑的 Logo 尝试升级一下

https://404.li/logo-creator
logo-creator.io
Logo-creator.io – Generate a logo
Logo-creator.io – Generate a logo
Generate a logo for your company
开源 AI Logo
使用 robots.txt 屏蔽 AI 爬虫

https://404.li/ai-robots
Beszel 背后使用的 PocketBase 对于小型自部署程序开发者来讲也是一个很棒的工具，可以帮你快速解决实时数据库、用户认证、文件存储、管理面板的开发。 #开源 https://404.li/pocketbase
pocketbase.io
PocketBase - Open Source backend in 1 file
PocketBase - Open Source backend in 1 file
Open Source backend in 1 file with realtime database, authentication, file storage and admin dashboard
开源
#工具推荐 #开源 Hoarder 自部署的链接收藏工具

支持抓取链接正文和截图，然后使用 AI 自动提取标签，用于后续检索

有浏览器插件和安卓 iOS APP

https://404.li/hoarder
工具推荐 开源
#JS 冷知识

竟然还可以这样获取元素……
JS
用 CSS 画画就算了，你们竟然在用 CSS 拍MV

https://404.li/css-mv
Before
After
Back to Top 1px