网页设计师和开发人员资源#9：CSS&JavaScript工具和资源-极客小站

又到了我们为设计师和开发人员收集新鲜工具和资源的时候了。

从展示最新 CSS 功能的演示，到你一定不会错过的 JavaScript 库，这次我们的内容可谓包罗万象。现在，就让我们一起来探索新内容吧！

caniemail

与 CanIUse 类似，CanIEmail 提供了一个全面的电子邮件参考工具。CanIEmail 为电子邮件客户端对 HTML 和 CSS 功能的支持提供了全面的参考。它可以帮助你了解不同的电子邮件客户端支持哪些 HTML 和 CSS 功能，从而创建兼容且可访问的电子邮件设计。

JSON Viewer editor

JSON Viewer editor 可让您轻松创建、编辑、验证和预览 JSON 数据。它提供语法高亮显示、格式化、错误检查等功能，甚至还能以图表格式预览结构。对于需要高效处理和预览 JSON 数据的人来说，这是一个方便的解决方案。

Anchor Tool

CSS Anchor Positioning 具有新的 CSS insert-area 属性，很快就会出现在浏览器中。本网站展示了这一新规范的实际操作演示。你可以看到各种锚点位置以及周围元素如何动态调整。

Pragmatic Drag-n-Drop

Pragmatic Drag-n-Drop 由 Atlassian 开发，是一个 JavaScript 库，可轻松在网页上添加拖放功能。它提供了一系列功能，如自定义拖动手柄、支持触摸设备以及与 React、Vue 和 Angular 等现代网络框架兼容。

WordPress Plugin Readme Parser

WordPress Plugin Readme Parser 是一个方便的 Composer 软件包，你可以用它来读取 WordPress 插件中的 readme.txt 或 readme.md 文件，并收集插件的相关信息，如插件名称、所需的 PHP 版本、已测试的 WordPress 版本和描述。

它基于 WordPress.org 的 readme 解析器，并做了一些调整，以确保与更多 PHP 版本兼容。

PhosphorIcons

PhosphorIcons 提供一个灵活的图标集，包含 1000 多个图标，有六种权重： Thin,Light,Regular,Bold,Fill 和Duotone。这些图标适用于各种平台和框架，包括 React、Vue、Flutter 和 Elm。

Cascade

Cascade 是一款免费的开源 SaaS 模板，可为启动 SaaS 项目提供最低限度的设置。它包括基本的技术栈，如 Next.js、Prisma、PostgreSQL 和 TailwindCSS。它还包括身份验证、支付、搜索引擎优化增强和分析集成。

有了 Cascade，您可以快速高效地构建 SaaS 应用程序。

Dark Design

Dark Design 网站提供了以暗色主题设计为特色的网站精选集。它展示了来自不同行业和类别的网站，包括教育、商业和机构网站。

无论您是在制作网站、应用程序还是界面，该网站都能为您提供一些灵感。

Cloudflare AI Playground

Cloudflare AI Playground 是一个在线 Playground，允许您尝试使用不同的 LLM 模型，如 Mistral、Llama、OpenChat 和 DeepSeek Coder。如果您计划在 Cloudflare Workers AI 上运行基于人工智能的应用程序，这是一个方便的工具，您可以使用无服务器 GPU 在其全球网络上运行这些模型，让人工智能应用程序更贴近您的用户。

RunJS

RunJS 是一个在线 JavaScript 游戏场，您可以在这里编写和运行代码，并获得即时的实时反馈。这使它成为快速尝试创意、测试算法或调试代码的便捷工具。

Valkey

Valkey 是一种高性能的键/值数据结构，旨在恢复之前开源 Redis 项目的开发。同样，它支持各种本地结构和可扩展的插件系统。

Elmo

Elmo 是一款 Chrome 浏览器扩展工具，可帮助你将网页内容浓缩为简洁的摘要。它还能即时回答页面中的具体问题，为你节省时间和精力。它可以无缝地集成到你的浏览体验中，使其成为研究或学习的理想工具，而无需离开当前网页。

Banal

Banal 提供了一种直接在 VSCode 中检查 NPM 依赖包大小的简便方法。它能让你识别和评估每个依赖关系对项目整体规模的影响。这能帮助你做出明智的决定，决定加入或移除哪些依赖项，以优化性能和资源使用。

Eloquent JavaScript

Eloquent JavaScript 是一本在线书籍，教你从基础到高级主题（如函数式编程和异步编程）的 JavaScript 编程。无论你是新手还是想提高技能，这本书都是学习 JavaScript 的宝贵资源。

Firebolt

Firebolt 是一个 React 框架，用于快速构建高性能的全栈 Web 应用程序。它提供了精简的目录结构、一流的 CSS-in-JS 支持，以及针对页面、资产、虚拟文件、API 等的直观路由系统。

Grep by Example

Grep by example 是学习 grep CLI（Linux 系统中常见的文本搜索工具）的交互式指南。它提供循序渐进的教程，并允许用户通过实时修改命令来实验示例。

A11y Myths

A11yMyths 是一个旨在揭穿关于网络无障碍的常见误解的网站。它提供信息和资源，帮助您在网络上构建更具包容性和用户友好的体验。

AnalogJS

Analog 是一个元框架，用于使用 Angular 构建网站和应用程序；它类似于 Next.js 或 Nuxt，但专为 Angular 而设计。主要功能包括支持 Vite、Vitest、Playwright、基于文件的路由、内容路由的 markdown 集成、API/服务器路由处理以及 SSR/SSG 混合功能。

WordPresser on Github

WordPresser on Github 这个 Chrome 浏览器扩展会在 GitHub 用户名旁边添加 WordPress.org 简介链接。它可帮助您轻松识别 Github 上的 WordPress 用户或贡献者，并更有效地进行协作。它在 Chrome 和 Firefox 上都可用。