Web Tools 周刊

CSS与HTML工具 Design GUI — 一款多功能浏览器扩展，可以使用CSS变量管理颜色，利用AI生成色彩调色板，测试可访问性等。 htmd — 一个基于Rust的HTML转Markdown转

JavaScript库与框架 Rezact — 一个反应式JavaScript库，融合了Svelte、SolidJS、React等的优点，鼓励直接数据变更，提供模块级反应性，并简化组件设计。 Brid

Web框架 next-forge — 一个现代 Next.js 应用的生产级样板，几乎不需要配置。 Uni Stack — 一个类型安全的全栈 Expo 通用原生应用设置，由 Expo Router、

CSS 和 HTML 工具 MSHR — 一个包含 200 多种 CSS 网格渐变效果的集合，可以使用在线平台创建自定义的网格渐变效果。 vite-plugin-shadow-style — 一个 V

媒体工具（SVG、视频等） VChart — 一个跨平台的图表库和富有表现力的数据叙述者，可构建交互式的面积图、条形图、流图、漏斗等等。 Fluidmotion — 一组由6个动画视频背景组成的小工具

JavaScript库工具 Catena — 受 tRPC 启发的轻量级库，用于在 Express.js 顶部构建端到端类型安全的 API，易于将其插入现有的 Express.js 代码库中。 Lay

React工具 next-cache-toolbar — 一个工具栏，可帮助识别Next.js数据缓存中的条目，该缓存持续保存数据获取的结果，跨入站服务器请求和部署。 rsc-html-stream

CSS 和 HTML 工具 AI CSS Animations — 一个智能的基于 AI 的工具，允许您使用提示生成复杂的 CSS 动画。只需描述要应用于元素的动画，即可生成关键帧代码（免费功能有限）

最近，我一直在考虑我们可能正在经历技术书籍的末日。很长一段时间以来，技术作家很难靠编写技术或编程书籍获得体面的收入。我们都知道，当你想学习某事时，很容易就能通过搜索引擎查找。但技术书籍仍然很受欢迎，因

一个有趣且相对较新的 API 是 Visual Viewport API。这已经存在了一段时间，根据 MDN 的浏览器数据，现在被认为是“广泛可用”的。因此，使用是安全的，并且在处理不同设备和缩放级别

那么，接下来介绍本周的工具！ CSS和HTML工具 go-masonry-gallery — 一款基于Go的CLI程序，可以扫描本地目录中的图像，并使用实验性的CSS砌体布局生成简单的HTML画廊。

现在，让我们进入本周的工具！ Web框架 Franken UI — 一个无障碍、HTML优先、与框架无关的、设计精美的组件库，灵感来自shadcn/ui，并基于Tailwind，与Uikit 3兼容。

如果你还没有研究过，新的HTML <template> 元素是一种启用HTML模板的方法。也就是说，可以通过JavaScript生成的重复出现的HTML的一部分。 出现在开头和结尾的 <templat

现在开始介绍本周的工具！ CSS和HTML工具 MarkdownDown - 一个在线工具，可以将任何网页转换为干净的Markdown格式，可以选择下载图像到本地或者链接到远程，并且还可以应用GPT过

Element.innerHTML 属性和时间一样古老，你们大部分有一段时间在编写JavaScript代码的人可能使用过它。现如今，由于安全问题，这个属性不再被推荐使用。例如，MDN对使用 inner

自2022年开始，所有现代浏览器已完全支持名为 structuredClone() 的新方法，可使用所谓的“结构化克隆算法”（这是背后工作的机制）创建给定对象的深层克隆。 一个使用该方法的简单示例如下

这是一个有趣的Web API，你可能还没有听说过：徽章 API。顾名思义，该 API 用于允许应用将通知徽章推送到应用程序的图标上，以表示某些内容可用。 这的一个流行的例子是，移动设备使用少量的数字来

现在让我们来看看本周的工具！ JavaScript库和框架 Hwy - 一个简单、轻量、灵活的Web框架，构建在Hono和HTMX之上，被描述为"很像NextJS或Remix，但在前端使用HTMX而不

上周我简要介绍了相对较新的 Popover API 的主要特点，它允许你使用几行代码本地创建“浮动”内容。 在此介绍部分的简短和因为这是对我来说新的事物，我忽略了一件事情，那就是 Popover AP

到目前为止，您可能听说过 Popover API，它允许您使用一些 HTML 属性创建模态窗口，并可选择使用一些 JavaScript 事件和方法来控制功能。 最简单的Popover API示例可以仅