网页设计师和开发人员资源#4:WordPress和前端工具集

网页设计师和开发人员资源#4:WordPress和前端工具集

我们为网络开发者朋友们准备了一套全新的资源。

这一次我们提供了各类工具,包括一个检查 WordPress 插件开发的插件、一个用于 WordPress 管理应用程序的 React 组件库、一个 Laravel Blade 组件集、一个用 Rust 编写的静态网站生成器,以及一些你可能会发现有用的有趣东西。

Plugin Check

Plugin Check 是一款 WordPress 工具,可帮助您确保您的插件符合 WordPress.org 插件目录所要求的标准。它检查是否符合最佳实践,涵盖性能、安全性、i18nA11y 等领域,并标记任何违规或问题,以帮助改进您的插件。

Plugin Check

Kubrick UI

Kubrick UI 是一个开源的 React 组件库,构建于 react-aria 之上,专为创建自定义 WordPress 管理应用程序而设计。它可以帮助开发人员确保 WordPress 管理应用程序的一致性、可访问性,并与熟悉的 WordPress 管理界面无缝融合。

Kubrick UI

React Symbols

react-symbols 是一个轻量级的 React 库,提供 100 多个文件和文件夹图标。它采用 TypeScript 构建,支持 React Server Components (RSC),并提供经过优化和精简的 SVGs。这些图标最初是为 VSCode 主题“Symbols”设计和创建的,但我认为它完全适用于任何项目。

React Symbols

Zola

Zola 是一个用 Rust 编写的静态网站生成器(SSG),类似于 HugoJekyll,它使用 Tera 模板引擎。它支持 CommonMark,并提供 GitHub 风格表格和任务列表等功能。对于希望构建快速、安全、灵活网站的开发人员来说,这是一款非常棒的工具。

Zola

MaryUI

MaryUI 是适用于 Livewire 3 的 Laravel Blade 组件集。它提供了预先设计好的 UI 元素,帮助 Laravel 开发人员快速、轻松地构建应用程序的 UI 和页面。它使用 daisyUI 和 Tailwind CSS 进行样式设计,让您可以使用自己熟悉的工具进行灵活定制。

MaryUI

Expressive Code

Expressive Code 可让你在内容或页面上轻松显示代码块。它支持 VS Code 主题,具有准确的语法高亮显示,并包含编辑器框架、复制到剪贴板按钮、文本标记和可折叠部分等功能。最重要的是,它不依赖 React 或 Vue 等任何前端框架,可与 Astro 和 Next.js 等流行的网站生成器以及普通 Markdown 和 MDX 配合使用。

Expressive Code

Shoelace

Shoelace 是一个开源的、与框架无关的可定制网络组件库。它提供按钮和对话框等可访问的现代用户界面元素,易于主题化和集成到任何项目中,是构建响应性强、灵活的网络界面的理想之选。

Shoelace

GitHub Copilot Extensions

GitHub 发布的 GitHub Copilot Extensions,使开发人员能够在 VS Code 和 GitHub 中使用自然语言进行开发和部署。它允许你使用特定的工具,如 Docker、Azure、Stripe 和 MongoDB,为你提供更好的工具和上下文,在一个简化的过程中修复或解决应用程序中的问题。

GitHub Copilot Extensions

Dioxus

Dioxus 是一个 Rust 库,可让您从单一代码库中构建桌面、网络、移动等应用。它受到 React 的启发,致力于让跨平台应用的开发更快、更简单。如果您想为多个平台构建应用程序,它将是您的理想工具。

Dioxus

Motion Primitives

Motion Primitives 是一组使用 Framer Motion 和 Tailwind CSS 构建的 React 组件。它能让您轻松为网站添加流畅的动画效果。对于希望让网站更具活力的开发人员和设计师来说,这是一个完美的库。

Motion Primitives

Rclone

Rclone 是一款命令行工具,可帮助你轻松管理云存储上的文件。它可以替代云供应商提供的网络接口。它支持 70 多种不同的云存储服务,包括 S3 对象存储和各种文件存储选项。它能让你更轻松地在多个平台上传输和整理文件。

Rclone

Notion Helper

Notion Helper 是一个 Node.js 库,可简化 Notion API 的工作。它易于使用,没有依赖关系,并为 IntelliSense 提供完整的 JSDoc 支持。对于希望将Notion集成到其项目中的开发人员来说,这是一款非常棒的工具。

Notion Helper

Wagtail

Wagtail 是一个基于 Django 的开源内容管理系统(CMS),其设计注重用户体验。它为设计人员和开发人员提供了对内容和设计的精细控制。它使创建网站变得简单而灵活。如果您的 Python 项目正在寻找一个易于使用和定制的内容管理系统,我认为 Wagtail 是一个不错的选择。

Wagtail

UIKit

UIKit 是一个工具包,用于使用 react-three-fiber 构建快速、反应灵敏的 3D 用户界面。它提供预设风格的可定制组件,让您更轻松地创建交互式布局和界面。它是在基于网络的 3D 应用程序(如游戏或虚拟/增强现实(VR/AR)项目)中开发用户界面的绝佳库。

UIKit

SN Pro

SN Pro 是一款基于 Nunito 的免费开源字体。它细化了每个字符,使其具有更好的可读性,改进了字距和对连字符的支持,同时对 Q 和 t 等特定字母进行了调整。它看起来干净整洁,感觉更有质感。

SN Pro

Image Placeholders

Image Placeholders 是一个 WordPress 插件,是 WordPress 为提高性能所做努力的一部分。它的工作原理是确定并存储媒体库中新上传图片的主色调,并利用它在前端创建一个该颜色的背景占位符,该占位符在相关图片加载之前是可见的。

Image Placeholders

Atomico

Atomico是一个轻量级库,用于使用函数、钩子和虚拟 DOM(类似于 React)构建 Web 组件。它还与框架无关,这意味着您的组件可以与 React、Vue、Svelte 或 Angular 等库一起使用。我认为,对于希望构建快速、易用的 Web 组件的开发人员来说,这是一个很棒的库。

Atomico

Gutenberg Comment Highlight

Gutenberg Comment Highlight 是一个 VSCode 扩展,可提高 WordPress 古腾堡块元数据的可读性。它将以 wp: 开头的区块名称作为变量高亮显示,并对任何 JSON 字符串应用基本的 JSON 语法高亮显示,从而使注释比标准 HTML 注释的默认灰色外观更易于阅读。

Gutenberg Comment Highlight

SST

SST 是一个可简化在自己的 AWS 基础架构上构建全栈应用程序的框架。只需一次配置,您就可以部署应用程序所需的一切。它支持广泛的 AWS 服务,包括 Lambda、API Gateway 和 S3,并支持 Next.js、Nuxt、Solid、Astro 等流行框架。这是一款非常方便的应用程序部署工具。

SST

Rspack

Rspack 是用 Rust 编写的高性能 JavaScript 捆绑程序,旨在成为 Webpack 的更快替代品。它提供快速构建性能、热模块替换(HMR)以及与 Webpack 插件和加载器的完全兼容性。Rspack 还支持树抖动等内置优化,并且与框架无关,让开发人员可以灵活地处理大型项目。对于希望提高项目和应用程序构建性能的开发人员来说,Rspack 是一款出色的工具。

Rspack

评论留言