網頁設計師和開發人員資源#6:庫、框架、指南、最佳實踐到靈感

網頁設計師和開發人員資源#6:庫、框架、指南、最佳實踐到靈感

我們又為網路開發人員帶來了一系列新資源。本期,我們提供了涵蓋網路開發不同領域的各種工具和庫,從庫、框架、指南、最佳實踐到靈感。廢話不多說,讓我們一起來看看完整的清單吧。

Autofix CI

Autofix.ci 是一款用於 GitHub Action 的工具,可自動修復您的拉取請求。你可以定義一個 GitHub Action 工作流,執行你的程式碼修復工具,它就會根據需要更新你的拉取請求。它能與現有的排版器、格式化工具(如 PrettierESLint)以及其他工具協同工作,無需額外配置。它支援所有拉取請求,包括來自分叉和未受保護分支的請求。

Autofix CI

Composer Unused

composer-unused 是一款掃描程式碼以顯示未使用的 Composer 依賴關係的工具。與 composer why 命令不同的是,composer-unused 只顯示安裝軟體包的原因,而它會檢查程式碼中是否使用了軟體包提供的符號。

Composer Unused

ESLint Config Inspector

ESLint Config Inspector ESLint v9.0.0 中引入的一個視覺化工具,用於理解和檢查 ESLint 平面配置檔案。管理配置檔案很簡單,但隨著配置檔案的增加,管理起來仍會很複雜。該工具可幫助您檢視哪些規則已啟用或禁用,從而更輕鬆地瞭解和管理 ESLint 設定。

ESLint Config Inspector

MySQL Explain

MySQL Explain 是一款視覺化 MySQL EXPLAIN 輸出的網路應用程式。你可以使用該工具快速識別效能問題,幫助你避免緩慢或代價高昂的資料庫查詢,而不必糾結於 MySQL 的神祕輸出。

MySQL Explain

Harlequin

Harlequin 是一款從終端執行的功能強大、色彩豐富的資料庫客戶端。它可在任何 shell 環境、終端或機器上執行,支援包括 MySQL 和 Postgres 在內的各種資料庫。它擁有一個用於檢視錶和列的資料目錄、一個帶有自動完成功能和多標籤的查詢編輯器,以及一個可以互動式處理超過一百萬個結果的結果檢視器。

Harlequin

Write Description Text

Write Description Text 是一本內容廣泛的說明文字編寫指南。它涵蓋了文字描述的基礎知識和原則,併為裝飾性圖片(出於美觀目的而包含)和資訊性圖片(傳達資訊、傳遞情緒或增強使用者體驗)提供了說明。

儘管該指南是為 BBC 新聞報道而設計的,但我們也可以從中學到很多東西,並將其應用到自己的網站中。

Write Description Text

Shipping Incrementally

如果你在科技行業工作,你可能對快速構建和釋出產品的壓力不陌生,這往往會導致產品釋出倉促、壓力大、風險高。這篇文章由 Zahra Traboulsi 撰寫,倡導 Shipping Incrementally 方法。採用這種方法需要有意識的努力,但最終會讓日常工作變得更輕鬆,並減少與專案截止日期相關的壓力。這篇文章值得所有從事技術工作的人一讀。

Shipping Incrementally

Once: Writebook

Writebook 是一款使用者友好型工具,可讓您立即在網路上免費釋出自己的書籍,無需出版商。它可以輕鬆地將文字和圖片轉化為簡單、可瀏覽的線上圖書格式。與傳統的部落格和社交媒體釋出相比,它讓釋出過程變得更簡單。

Once: Writebook

Animotion

Animotion 是一個庫,可讓你使用 Svelte、Reveal.js 和 Tailwind CSS 輕鬆建立動畫演示。它使用 SvelteKit 作為模板,使您可以使用 SvelteKit 介面卡(包括 Cloudflare Pages、Netlify、Vercel 等)輕鬆部署簡報。

Animotion

Vue.js Crash Course 2024

Vue.js 速成課程 2024 是 Traversy Media 製作的 3 小時 YouTube 教學。它涵蓋了 Vue.js 框架的基礎知識。您將學習到元件、指令、生命週期、事件和其他基本主題。這是掌握 Vue.js 基礎知識的絕佳資源,無論您是剛剛入門還是需要複習。

Vue.js Crash Course 2024

Wire in the Wild

Wire in the Wild 是一個展示使用 Laravel LivewireTALL Stack 構建的真實專案的網站。它提供靈感,展示 Livewire 的各種可能性。你可以提交自己的專案,這對開發人員和客戶來說都是寶貴的資源。

Wire in the Wild

Minji

Minji 是一款免費的 iPhone 應用程式,可幫助您輕鬆管理專案和客戶。通過簡單直觀的介面,您可以建立、組織和跟蹤任務,按狀態過濾專案,並管理客戶。對於希望提高工作效率的自由職業者、團隊領導和專案經理來說,這是一款完美的應用程式。

Minji

dotUI

dotUI React Aria Components 的基礎上提供了一系列現代、移動友好的 UI 元件。它旨在幫助您輕鬆建立可訪問的 React 應用程式和使用者友好介面。

dotUI

Lume

Lume Deno 的靜態網站生成器。它設計得易於使用,同時還具有靈活性,支援 Markdown、YAML 和 JavaScript 等多種檔案格式。它避免了管理眾多軟體包和複雜捆綁程式的麻煩,從而簡化了工作流程。

Lume

Laravel Error Solutions

laravel-error-solutions 是一個 Laravel 軟體包,它通過直接在錯誤頁面上顯示有用的解決方案來增強錯誤頁面。它為常見問題提供自動修復按鈕,還支援人工智慧生成解決方案。它能幫助你更高效地解決 Laravel 應用程式中的問題。

Laravel Error Solutions

SSH Action

SSH Action 允許你在 CI/CD 工作流中執行遠端 SSH 命令。它非常適合在遠端伺服器上自動執行任務,例如部署程式碼、執行指令碼或管理伺服器配置,所有這些都可以直接從 GitHub 程式碼庫中完成。它可以幫助你簡化應用程式或網站的部署流程和操作。

SSH Action

Lenis

Lenis 是一個輕量級、高效的平滑滾動庫。專為現代瀏覽器設計。它支援 WebGL 滾動同步和視差效果等功能,是為網站新增時尚流暢滾動效果的最佳選擇。

Lenis

Themosis

Themosis 通過引入 MVC 等現代實踐和來自 Laravel 的工具來改進 WordPress 的開發。它通過自定義路由和來自 Laravel 的 CLI 等功能,幫助你構建更有條理、可擴充套件的 WordPress 網站。

Themosis

WP ORM

WP-ORM 是一個為 WordPress 帶來 Eloquent 風格 ORM 功能的庫。它提供了一種易於擴充套件的 ORM,支援文章、使用者和評論等 WordPress 核心模型。它能與 WordPress 中一些流行的框架(如 BedrockThemosis 或 Wordplate)很好地整合。

WP ORM

Swapy

Swapy 是一個 JavaScript 庫,只需幾行程式碼即可實現任何佈局的可拖動和可交換性。它與框架無關,這意味著你可以將它用於任何 JavaScript 框架或庫,包括 React、Vue、Svelte 等。

Swapy

評論留言