2020年2月前端開發者實用幹貨合集

今天給大家來一波實用的設計和開發類的幹貨素材合集吧！這次的合集依然是更加偏重開發和前端同學的需求，有一些頗為有趣的桌麵應用程序，一些非常方便的 Web 應用，以及一些實用性很強的 JavaScript 庫。

UsesTech

這是一個麵向看開發者、設計師、博客作者、Youtuber 和 播客主播的實用工具、軟件合集。你可以根據工具的國家/地區、編程語言等進行排序和篩選。這是一套能找到靈感和建議的實用合集。

Plash

這是一個 macOS 平台的應用，它可以將任何網站設置成為你的桌麵壁紙。你可以讓網站的內容訂閱和摘要作為背景顯示，並且搭配一張漂亮的壁紙，也可以是一張 GIF 圖片等等等等。

Alpine.js

Alpine.js 是一個非常小巧的 JavaScript 庫，它可以向你的網站添加動態行為。使用 Alpine.js 可以非常便捷地將諸如 x-data、xbind、x-on 和 x-model 添加到你的現有的 HTML 標記當中，無需設置搭建環境和編譯器。它可以很好的替代 React.js 和 Vue.js 所提供的方法。

Vivus

這是一個用來創建 SVG 格式動畫的 JS 庫，Vivus 非常易用，它提供了名為 Vivus Instant 的文件，便於你往其中上傳 SVG 文件，生成 SVG 動畫。

GistPad

GistPad 是給 Visual Studio Code 所準備的拓展，它可以讓你管理 Github Gist，最新版還包含一個 Playground 新功能，類似 CodePen.io 和 JSBin，因此你可以添加 HTML、CSS、JS ，並且可以在 Visual Studio Code 中立即看到結果。

Shadows

這是一個可以生成多層陰影的便捷的 Web 應用，你可以決定要添加多少層，用什麼顏色，搭配什麼效果。然後，你可以將自動生成的CSS代碼複製出來使用。

Responsive Breakpoints

顧名思義，這是一個可以幫你生成響應式斷點的工具，他可以將圖片處理成為最適合展示的尺寸。此外，它還提供了一些選項，讓你可以在其中配置窗口大小範圍，圖片尺寸比例，生成 HTML 以顯示圖片。

Browserosaurus

這是一款可以往鏈接上添加包含選區的上下文菜單的 macOS 平台的應用。

massCode

這是一個可以用來管理代碼片段的桌麵級引用，它可以將編寫好的代碼片段和示例，整齊地分類。massCode 可以用於 Windows、macOS 和 Linux 三個平台。

XI-Editor

XI-Editor 是一款創建文本編輯器的準係統，它可以為開發者提供可靠、可拓展的服務，並且確保性能。它目前已經投放在 macOS 平台，以及帶有 GTK+ 的 Linux 和 Windows 係統上。

React Contenteditable

React Contenteditable 為 React.js 提供一個可編輯組件的區域，你可以在這當中可以添加按鈕、添加粗體、斜體和超鏈接，是你創建所見即所得的編輯器的理想基底。

Outline

這是一款有著足夠現代功能的自托管 Wiki Web 應用，它是基於當下流行的 React.js、Node.js、Postgres、Redis等工具來建立，使用 AWS 來存儲，並且整體外觀也足夠現代。你可以用它創建團隊 Wiki，文檔係統，會議記錄以及著陸頁。

Crater

Crater 是一款使用 PHP 構建的用戶管理發票的 Web 應用，它不僅可以幫你創建發票，發布采購訂單，還可以管理客戶等。如果你想充分管理你的發票和數據，那麼它是一個合理的選擇。

Directus

Directus 是一款無頭 CMS，讓你可以為幾乎任何類型的內容（新聞、用戶信息、產品等）添加自定義的字段。你可以選擇使用任何語言或者工具，通過 RESTful 或者 GraphQL 來調用 API中的內容。

Craft.js

Craft.js 是一個基於 React 框架、用來構建豐富內容的拖放式頁麵編輯器，它提供了基礎的拖放式交互係統，並且提供了渲染、刷新和移動的組件。使用 Craft.js 來構建你的編輯器，它是理想的框架。

Devilbox

Devibox 是一款用來支撐本地開發的完整的堆棧，它為你提供你所需要的絕大多數的服務，比如 Apache、Nginx、MySQL、PHP、MailHog 等等。

Magic.css

Magic.css 是一個平滑的CSS動畫的合集。在它的幫助下，你可以向網站添加動畫，就像往 HTML 當中添加類名稱一樣方便。你可以使用 NPM、Yarn 來安裝 Magic.css，並且將它與 JavaScript 和 jQuery 混用。

Kutt

Kutt 是一個短鏈接 Web 應用，它支持自定義域，並且提供立即可用的統計信息功能。它使用的是 Node.js 、Prosgress 和 Redis 來構建的。你可以將它托管到你自己的服務器當中。

來源:優設網