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

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

文章目录

  • Autofix CI
  • Composer Unused
  • ESLint Config Inspector
  • MySQL Explain
  • Harlequin
  • Write Description Text
  • Shipping Incrementally
  • Once: Writebook
  • Animotion
  • Vue.js Crash Course 2024
  • Wire in the Wild
  • Minji
  • dotUI
  • Lume
  • Laravel Error Solutions
  • SSH Action
  • Lenis
  • Themosis
  • WP ORM
  • Swapy

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

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

Autofix CI

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

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 Livewire 或 TALL 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 中一些流行的框架(如 Bedrock、Themosis 或 Wordplate)很好地整合。

WP ORM

Swapy

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

Swapy

評論留言