折腾些什么玩意。

群组 @htmlzone 作者 @ccbikai
#工具推荐 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
#CSS 字体自适应宽度 https://kizu.dev/fit-to-width/
kizu.dev
Fit-to-Width Text: A New Technique
Registered custom properties are now available in all modern browsers. Using some pre-existing techniques based on them and complex container query length units, I solved a years-long problem of fitting text to the width of a container, hopefully paving the…
CSS
AI 生成面试题目…… https://404.li/hiring-studio

但是面试最重要的的评价和契合度啊
hiring.studio
Hiring Studio by Metaview | Question Generator
Hiring Studio by Metaview | Question Generator
An LLM fine-tuned to generate interview questions for your hiring team.
OpenAlternative 刚火完之后，就出现了同类产品 AlternateOSS

https://404.li/alternateoss
Alternateoss
Free & Open Source Alternatives, The Alternate Universe of Software
Explore the alternate universe of software. Find free, open source or better alternatives to popular softwares
#酷站分享 第一次看到完全以 Flutter 构建的个人网站，基本上是 Canvas 绘一切，还挺流畅

https://404.li/nakuldevmv
酷站分享
没有设计经验自己调色是很困难的，我的习惯是使用别人优秀的调色方案。

分享一下收藏的三个调色网站：

Color Hunt: https://404.li/color-hunt

Coolors: https://404.li/coolors-co

Adobe Color: https://404.li/color-wheel


群友推荐了 happyhues.co 和 aicolors.co 也不错
colorhunt.co
Color Hunt - Color Palettes for Designers and Artists
Color Hunt - Color Palettes for Designers and Artists
Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.
如果你的图标带上动画，点击率是不是更高一些呢？

有人使用 framer-motion 给 lucide 图标库加上了动画支持，看了下效果还不错。

https://404.li/animated-icons
BroadcastChannel 支持手动增加标签页面了

https://memo.miantiao.me/tags
memo.miantiao.me
面条实验室
折腾些什么玩意。 群组 @htmlzone 作者 @ccbikai
Before
After
Back to Top 1px