網頁設計師和開發人員資源#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

評論留言