那么,接下来介绍本周的工具!
CSS和HTML工具
- go-masonry-gallery — 一款基于Go的CLI程序,可以扫描本地目录中的图像,并使用实验性的CSS砌体布局生成简单的HTML画廊。
- Color Picker — 一个在线工具,允许您上传任何图像,然后使用吸管工具“点击”以从图像中生成颜色调色板。
- FormSubmit — 一个服务,为您的HTML表单提供便捷的表单端点,以便您可以连接您的表单到我们的表单端点以接收包含提交内容的电子邮件,无需JavaScript或后端代码。
- Support This Newsletter — 本通讯是一个单人运营,随着当前市场中找到可靠的赞助商变得更加困难。您可以通过PayPal进行一次性捐赠来支持本通讯。 SPONSORED
- CSS Shape — 一个巨大的形状集合,用一个单独的HTML元素和纯CSS制作,您可以点击查看任何形状以自定义和/或查看和复制代码。
- The Good Colors — 使用OKLCH创建调色板的工具,可以确保在亮度和色度上保持一致的知觉变化,并支持广色域显示器,使用APAC检查对比度比。
- WyW-in-JS — 简称“JS中的随心所欲”,这是一个工具包,用于创建零运行时CSS-in-JS库,因此您可以构建具有任意语法、功能和独立于特定实现的解决方案。
- Signals for Tailwind CSS — 一个依赖于新的Style Queries CSS功能的Tailwind插件,以响应性地启用自定义状态,然后可以被DOM中任何后代元素所使用。
- Ninja Backgrounds — 一个使用Bootstrap、CSS变量和纯CSS制作的即插即用现代背景展示库。
- Tailblocks — 一个在线工具,可以将Tailwind HTML自动转换为可编辑的WordPress块代码。
ChatGPT和AI工具
- Spec API — 一个JavaScript包,用于快速为Swagger / OpenAPI接口规定API,使用sleeksky/alt-schema规定JSON模式。
- Rispose — 在您的网站上嵌入一个免费AI助手,以您的数据为基础进行训练,训练文件允许最多1万个。
- unstock.ai — AI生成的标志、图标、插图和库存摄影,可用SVG和PNG格式,并具有使用提示自定义创建您自己的功能。
- Perplexica — 一个AI驱动的搜索引擎,是Perplexity AI的开源替代方案。
- Anytime Mailbox — 创业者们,您需要一个与家庭地址分开的商业地址吗?Anytime Mailbox提供了一个无缝的解决方案,提供一个私人、专业的地址,同时提供诸如邮件转发和扫描等附加服务,极大方便您的使用。 SPONSORED
- FireCrawl — 一个API服务,接受URL,对其进行爬取,然后将其转换为干净的LLM准备好的markdown文档,无需站点地图。
- Open WebUI — 一个可扩展、功能丰富、用户友好的自托管WebUI,专为完全离线操作设计,支持各种LLM运行程序,包括Ollama和兼容OpenAI的API。
- Morphic — 一个具有生成UI的AI驱动搜索引擎,使用Next.js、shadcn/ui、Radix等构建。
- FreeGPT35 — 一个Node.js包,允许您使用由免费登陆的ChatGPT Web提供的无限免费GPT-3.5-Turbo API服务。
- Scalar — 一个平台,用于构建具有一流OpenAPI支持的开源工具(测试客户端、文档、模拟服务器等)。
JavaScript实用工具
- Google Indexing Script — 一个Node.js脚本,使用Google API可在不到48小时内使您的网站在Google上索引(在API允许的限制范围内)。
- gpu-curtains — 一个小巧、轻量级的WebGPU渲染引擎,可以通过将HTML元素转换为有纹理的平面来用作真正的3D引擎,允许您通过WGSL着色器对其进行动画处理。
- CrossWS — 一个优雅、有类型、简单的接口,用于实现平台无关的WebSocket服务器。
- Anytime Mailbox — 创业者们,您需要一个与家庭地址分开的商业地址吗?Anytime Mailbox提供了一个无缝的解决方案,提供一个私人、专业的地址,同时提供诸如邮件转发和扫描等附加服务,极大方便您的使用。 SPONSORED
- Sloth Pipe — 一款用于TypeScript和JavaScript的微型库,可让您创建惰性、可链式、可重复使用的数据转换和处理管道。
- abort-utils — 一组实用函数,使您能够使用和组合
AbortSignal和AbortController与Promises。 - @epic-web/invariant — 用于以声明方式抛出错误(和响应异常情况)的类型安全实用程序集合。
- RE2JS — Google的流行C++库RE2的JavaScript端口,提供线性时间匹配的正则表达式引擎。
- znv — 用于Node.js的带Zod模式的类型安全环境解析和验证。
- chardet — 一个纯JavaScript/TypeScript编写的字符检测模块,使用出现分析确定最可能的编码方式。
文章翻译自:Web Tools Weekly Issue #565 (Chris Coyier, CSS/HTML, AI Tools, JS Utils)