网页设计师和开发人员资源#12:各种工具、学习资源和其他

网页设计师和开发人员资源#12:各种工具、学习资源和其他插图

还有什么比这更适合开始学习新知识呢?本期设计开发资源为网页设计师收集的资源包括各种工具、学习资源和其他有趣的好东西,让你的生活更轻松。废话不多说,让我们一起来看看完整的清单吧!

Twenty

Twenty 是一款创新的开源客户关系管理(CRM) 系统。它为 Salesforce 等传统平台提供了一个现代化的替代方案,注重用户友好性和对数据源的全面控制。由于是开源和自托管的,它甚至允许分叉和定制项目。

Twenty

VOCS

VOCS 是一个基于 React 和 Vite 的直接文档框架。它是一个静态文档生成器,允许你使用 Markdown 或 MDX 编写文档。它拥有极具吸引力的默认主题、自定义选项以及语法高亮和 Front Matter 支持等关键功能。

VOCS

wp-option

wp-option 是一个用户友好型封装器,用于改进 WordPress 选项。它在添加、更新和检索选项等任务中引入了验证和一致性。该库与 *_option*_site_option 函数兼容,适用于支持网络的安装。

wp-option

SVGL

SVGL 是一个使用 SveltekitTailwind CSS 创建的在线 SVG Logo 库。它收录了 Android、Adobe、Figma 等知名公司和应用程序的徽标。对于需要为自己的项目制作专业 Logo 的网络开发人员来说,这是一个非常方便的资源。

SVGL

Vue0

Vue0 为 Vue.js 开发人员提供了一个人工智能驱动的生成用户界面系统。它简化了使用人工智能创建用户界面元素的过程,并与 Vue.js 无缝集成,通过创新的用户界面解决方案增强您的项目。

Vue0

Hybridly

Hybridly 是一个框架,旨在增强使用 Laravel 和 Vue 开发交互式单页面应用程序的能力。与 Inertia 相比,它提供了一种更有针对性的方法,并内置了高级功能和优化功能。该框架将经典的开发风格与 Laravel 和 Vue 的综合优势相结合。

Hybridly

Heroicons Micro

在最新发布的 Heroicons 中引入了 Heroicons Micro,这是一套近 300 个 16×16 图标,非常适合紧凑、高密度的界面。这些图标是创建响应式设计的理想之选,可在较小的屏幕上保持清晰和匀称。

Heroicons Micro

Geist Font

来自 VercelGeist 是一款专为开发人员和设计师设计的新字体。它有两种风格:编码版和无衬线版。受瑞士设计风格的影响,Geist 字体强调简洁和极简主义,是编码和设计工作中的视觉愉悦之选。

Geist Font

react-native-unistyles

React Native 的 Unistyles 是一个灵活的样式库,旨在简化跨平台样式设计。它可以实现跨平台的高效样式共享,为已经习惯 React Native 样式设计的用户提供直观的体验。

react-native-unistyles

Oku UI Motion

Oku Motion 是一个兼容 Vue3 和 Nuxt3 的动作库,利用了 Motion One。它是基于 Web Animations API 的即用型解决方案,可确保较小的文件大小和较高的性能。该库可提供流畅的动画,增强项目的视觉吸引力。

Oku UI Motion

Storybook 7: Beginner’s Guide

通过免费的 Egghead 课程,使用 React.js 探索 Storybook 7。学习如何孤立地开发页面和组件,从而提高专注度和效率。了解如何将组件组织成交互式故事,轻松控制它们,并集成测试库。只需 30 多分钟,本课程就能让你掌握使用 Storybook 改进 React 项目的关键技能。

Storybook 7: Beginner's Guide

Yaak

Yaak 是一款全面的桌面应用程序,用于管理 REST 和 GraphQL 请求。它支持表单数据、JSON 和 GraphQL 等各种请求类型,是进行有效 API 交互和简化开发流程不可或缺的工具。

Yaak

Cult

Cult 是一款创新工具,旨在为您的 SaaS 项目生成基础堆栈。它整合了一个基本堆栈,采用了 Stripe、Supabase、Next.js 和 Shadcn UI 等流行技术。该工具简化了为 SaaS 应用程序集成基本功能的过程,提高了开发速度和效率。

Cult

Corvu

Corvu 专门为 SolidJS 提供了一系列开源 UI 构建块。这些非样式化组件注重可定制性和可访问性,确保它们对残障人士友好。它们可以毫不费力地使用 TailwindCSS 或纯 CSS 进行定制,以满足您的设计需求。

Corvu

Zag.js

ZagJS 引入了由 Statecharts 支持的 UI 组件,为菜单、工具提示、开关和对话框等基本 UI 组件提供了一系列与框架无关的模式。这些多功能组件可用于各种 JavaScript 框架,包括 React、Vue 和 Solid.js,因此非常适合各种设计系统。

Zag.js

Design Systems Surf

Design Systems Surf 提供了大量来自 Adobe、Amazon、Apple 和 Atlassian 等大公司的设计系统。对于旨在创建可扩展且有效的设计系统的设计师和开发人员来说,它是一个极好的灵感来源。

Design Systems Surf

Plate.js

Plate.js 是一个在 React 中构建富文本编辑器的综合框架,基于 Slate.js。Plate.js 具有来自 Radix UI 的可访问组件和预设计元素,可简化富文本编辑器的创建,是希望通过强大的文本编辑功能来增强其项目的开发人员的理想选择。

Plate.js

FontSource

Fontsource 彻底改变了在网络应用程序中加入字体的方式。通过直接从 NPM 安装和导入字体,它简化了字体管理和集成到项目中的过程。

FontSource

Color Naming Buddy

这款名为 Color Naming Buddy 的便捷工具可帮助生成颜色名称。只需输入十六进制颜色代码,它就会推荐相应的名称,是设计师准确标注调色板颜色的重要工具。

Color Naming Buddy

Use Sushi

Sushi 是一个 Laravel 软件包,它在 Eloquent 中引入了一个“数组”驱动程序。这个工具非常适合利用 Eloquent 的功能来处理存储在数组中的数据,从而简化 Laravel 应用程序中的数据管理。

Use Sushi

评论留言