Web Tools 周刊 #575  (CSS/HTML, JSON/DB, Vue)

367 阅读4分钟

CSS与HTML工具

Design GUI — 一款多功能浏览器扩展,可以使用CSS变量管理颜色,利用AI生成色彩调色板,测试可访问性等。

htmd — 一个基于Rust的HTML转Markdown转换器,灵感来源于较早的JavaScript项目turndown.js。

Tailwind CSS Intersection — 一个Tailwind插件和JS工具,可以包括额外的Tailwind变体,以便使用内联CSS编写Intersection Observers。

Tailwind Gradients — 一个现成可用的基于Tailwind的CSS渐变画廊,可以在复制代码之前按需旋转渐变。

Unlock Advanced iOS Device Management Using PList — 通过我们的指南,了解如何在iOS设备的蓝图中创建、添加和管理PList,从而提高效率。   赞助商

Braille-Tools — 用于在网页上以视觉形式显示等级1盲文的CSS和JavaScript(供视力正常的人使用)。

My Color Hub — 一个AI提示,允许您根据文本描述(例如“3色渐变,带有蓝色的色调”)生成渐变,然后可以根据需要进行自定义。

My Color Hub

Nho — 一个小型JavaScript库,旨在简化Web组件的开发,帮助您避免创建Web组件时通常涉及的一些更复杂的API。

HTML-Spinner Examples — 一个基于Web组件创建可自定义HTML加载旋转器的脚本,没有依赖关系。

OKLCH Color Variations — 一个Figma插件,用于在OKLCH色彩空间中生成变体色彩调色板,有利于设计建立层次、对比、注意力等。

JSON与数据库工具

Quick SQL — 一种Markdown样的简写语法,扩展为标准的Oracle SQL,适用于快速设计和原型化数据模型。

gql.tada — 一个GraphQL文档创作库,能够即时推导您的GraphQL查询的类型,使您能够快速编写类型安全的GraphQL文档。

jsonAI — 一个AI驱动的API,允许您即时将数据转换为完美的JSON,提供每月最高100k个令牌和5个端点的免费计划。

Soul — 一个命令行工具,提供SQLite REST和实时服务器,通过您自己的自定义API进行扩展。

AI Tool Report — 加入530,000+读者,每日电子邮件提供快速5分钟见解,帮助您节省时间并利用AI获得更多收益。   赞助商

SQL.pizza — 一款简单的在线SQL语法美化工具,使用Next.js和Monaco编辑器构建,灵感来源于类似的JSON格式化工具。

Superjson — 一个安全地将JavaScript表达式序列化为JSON超集的库,包括日期、BigInts等。

Teable — 一个超级快速、实时、专业、开发者友好、无代码的数据库,是下一代Airtable替代品。

Teable转存失败,建议直接上传图片文件

JsonTree.js — 一个轻量级的JavaScript库,生成可自定义的树状视图,以更好地可视化JSON数据。

graphql-query-complexity — 一个提供GraphQL查询分析的库,以拒绝复杂查询,保护您的GraphQL服务器免受资源耗尽和DoS攻击。

 

Vue工具

Nuxt Leaflet — 一个用于Leaflet地图的Nuxt模块,使用Vue Leaflet构建,Vue Leaflet是Leaflet的Vue 3封装,公开原始Leaflet API作为Vue组件。

Vue Fluid DnD — 一个轻量级的拖放库,用于Vue 3中交互列表,流畅、平滑且灵活,无额外依赖。

Vue Fluid DnD

vue-simple-props — 一个Vue组件,允许您在运行时避免定义props、emits、slots和attrs,支持完整的TypeScript。

VueXYZ — 一组用于创意思维的Vue组合,虽然不为您渲染任何内容,但组合返回可根据需要使用的响应式数据。

Kitbag — 一套高质量的TypeScript和Vue工具,包含一个路由器、一个映射工具和轻量级事件总线。

AI Tool Report — 加入530,000+读者,每日电子邮件提供快速5分钟见解,帮助您节省时间并利用AI获得更多收益。   赞助商

Alokai — 一个无头商店,用于基于Nuxt的电子商务项目,提供与任何后端兼容的即插即用解决方案,且完全可定制。

Create Vue3 App — 一个为Vue应用程序提供项目脚手架的工具,由Vite驱动,支持以非交互方式传递命令行参数来设置新项目。

Nuxt Rate Limit — 一个Nuxt工具,用于为您的Nuxt 3 API路由添加速率限制,具有每个API路由设置速率限制、返回重置前的秒数等功能。

chibivue — 一个最小的vuejs/core实现,目标是简化对Vue核心的理解。

文章翻译自:Web Tools Weekly Issue #575 (CSS/HTML, JSON/DB, Vue)