工具

工具

Pretty TypeScript Errors - 美化TS错误提示

“Pretty TypeScript Errors”是一款 Visual Studio Code 扩展,旨在让复杂的 TypeScript 错误信息更易于阅读和理解。它通过为错误信息中的类型提供语法高亮、一键跳转到类型定义以及链接到详细解释等功能来增强可读性。该扩展还支持多种技术栈,包括 React、Vue、Astro 等多种文件类型。

TypeScriptVSCode插件开发工具开源项目
marketplace.visualstudio.com
工具

HTML to Design - 网页转Figma设计稿

html.to.design 是一款 Figma 插件,可將任何網站轉換為完全可編輯的 Figma 設計檔案。 使用者可以利用現有的網站,將其 HTML 導入 Figma,而無需從頭開始重新建構每個元素。 這款插件支援匯入 PC 端和行動端網頁,並能轉換為向量設計稿。

Figma插件HTML转换网页导入设计工具
figma.com

文章

文章

Google代码评审最佳实践

本文分享了谷歌的代码评审(Code Review)最佳实践,强调其作为一种保证代码质量和促进团队协作的重要方式。评审者需要从设计、功能、复杂度、命名和测试等多个维度进行检查,并选择最合适的负责人进行评审。谷歌的核心评审标准是,只要提交的代码能明确改善系统整体的健康状况,即便并非完美也应予以通过,以此鼓励持续改进而非追求完美主义。

代码评审团队协作开发流程最佳实践
hitzhangjie.pro

教程

教程

p5.js创意编程入门教程

p5.js 是一個 JavaScript 函式庫,它讓藝術家和設計師能夠輕鬆地用程式碼來創作藝術。freeCodeCamp 在其 YouTube 頻道上提供了一門關於 p5.js 的免費課程,非常適合對藝術和程式設計交集感興趣的初學者。這門由 Patt Vira 教授的課程,通過五個對初學者友好的專案教程,來教導 p5.js 的巨大潛力。

JavaScriptp5.js创意编程可视化
freecodecamp.org
教程

web.dev - Google官方Web开发学习平台

Web.dev 提供了一系列由行业专家和谷歌 Chrome 团队共同编写的网页开发学习课程。这些课程涵盖了从 HTML、CSS 和 JavaScript 基础知识到性能、隐私、无障碍功能和渐进式 Web 应用 (PWA) 等关键主题。学习者可以根据自己的节奏和兴趣选择不同的单元进行学习,从而系统地掌握或深入了解特定的 Web 开发技能。

GoogleWeb开发前端开发学习资源
web.dev

网站

网站

Bizarro - 创意技术专家作品集

路易斯·比萨罗是一位创意技术专家,专注于使用WebGL技术打造前沿的实时3D体验。他拥有超过十年的行业经验,曾与苹果、谷歌、Xbox等众多知名品牌合作开发互动网站和应用程序。作为2021年Awwwards年度独立奖的获得者,他目前正致力于构建一个名为Hypercube的新一代实时3D体验开发平台。

3D交互WebGL个人网站作品集
bizar.ro

开源

开源

Tremor - React仪表盘组件库

Tremor是一个开源的React UI组件库,专为使用Tailwind CSS快速构建图表和仪表盘而设计。它提供生产就绪的模板和组件,可以通过简单的复制粘贴或NPM包轻松集成到项目中。该库因能显著简化在React和Next.js应用中创建美观数据可视化的过程而备受开发者好评。

React组件Tailwind CSS仪表盘开源项目
tremor.so
开源

Sink - 基于Cloudflare的短链接服务

Sink 是一个完全运行在 Cloudflare 平台上的简单、快速且安全的链接缩短器。它提供链接分析、自定义短链接以及链接过期设置等核心功能。该项目采用无服务器架构,利用 Nuxt 和 Cloudflare Workers 技术栈构建,并支持 AI 生成短链接等高级特性。

CloudflareServerless开源项目数据分析
github.com
开源

Cult UI - 为设计工程师打造的组件库

cult-ui 是一个专为设计工程师打造的开源组件库。它使用 Tailwind CSS 进行样式设计,完全兼容 Shadcn,并且允许用户通过简单的复制粘贴方式进行集成。该项目遵循 MIT 开源许可证,方便开发者自由使用和修改。

ReactTailwind CSSUI组件开源项目
github.com
开源

UI Libs - Vue/Nuxt UI库选型工具

这个项目是一个为 Vue 3 和 Nuxt 3 设计的 UI 库选择器,旨在帮助开发者解决选择合适框架的难题。它提供了一个清晰的概览,用户可以通过筛选功能来过滤和比较不同的库。该工具还详细列出了每个库包含的组件,并欢迎社区贡献以保持信息同步和改进工具。

UI组件Vue对比工具开源项目
github.com