馬上要上班開(kāi)工了，先給大家來(lái)一波實(shí)用的設(shè)計(jì)和開(kāi)發(fā)類(lèi)的干貨素材合集吧！這次的合集依然是更加偏重開(kāi)發(fā)和前端同學(xué)的需求，有一些頗為有趣的桌面應(yīng)用程序，一些非常方便的 Web 應(yīng)用，以及一些實(shí)用性很強(qiáng)的 JavaScript 庫(kù)。

UsesTech

這是一個(gè)面向看開(kāi)發(fā)者、設(shè)計(jì)師、博客作者、Youtuber 和 播客主播的實(shí)用工具、軟件合集。你可以根據(jù)工具的國(guó)家/地區(qū)、編程語(yǔ)言等進(jìn)行排序和篩選。這是一套能找到靈感和建議的實(shí)用合集。

Plash

這是一個(gè) macOS 平臺(tái)的應(yīng)用，它可以將任何網(wǎng)站設(shè)置成為你的桌面壁紙。你可以讓網(wǎng)站的內(nèi)容訂閱和摘要作為背景顯示，并且搭配一張漂亮的壁紙，也可以是一張 GIF 圖片等等等等。

Alpine.js

Alpine.js 是一個(gè)非常小巧的 JavaScript 庫(kù)，它可以向你的網(wǎng)站添加動(dòng)態(tài)行為。使用 Alpine.js 可以非常便捷地將諸如 x-data、xbind、x-on 和 x-model 添加到你的現(xiàn)有的 HTML 標(biāo)記當(dāng)中，無(wú)需設(shè)置搭建環(huán)境和編譯器。它可以很好的替代 React.js 和 Vue.js 所提供的方法。

Vivus

這是一個(gè)用來(lái)創(chuàng)建 SVG 格式動(dòng)畫(huà)的 JS 庫(kù)，Vivus 非常易用，它提供了名為 Vivus Instant 的文件，便于你往其中上傳 SVG 文件，生成 SVG 動(dòng)畫(huà)。

GistPad

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

Shadows

這是一個(gè)可以生成多層陰影的便捷的 Web 應(yīng)用，你可以決定要添加多少層，用什么顏色，搭配什么效果。然后，你可以將自動(dòng)生成的CSS代碼復(fù)制出來(lái)使用。

Responsive Breakpoints

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

Browserosaurus

這是一款可以往鏈接上添加包含選區(qū)的上下文菜單的 macOS 平臺(tái)的應(yīng)用。

massCode

這是一個(gè)可以用來(lái)管理代碼片段的桌面級(jí)引用，它可以將編寫(xiě)好的代碼片段和示例，整齊地分類(lèi)。massCode 可以用于 Windows、macOS 和 Linux 三個(gè)平臺(tái)。

XI-Editor

XI-Editor 是一款創(chuàng)建文本編輯器的準(zhǔn)系統(tǒng)，它可以為開(kāi)發(fā)者提供可靠、可拓展的服務(wù)，并且確保性能。它目前已經(jīng)投放在 macOS 平臺(tái)，以及帶有 GTK+ 的 Linux 和 Windows 系統(tǒng)上。

React Contenteditable

React Contenteditable 為 React.js 提供一個(gè)可編輯組件的區(qū)域，你可以在這當(dāng)中可以添加按鈕、添加粗體、斜體和超鏈接，是你創(chuàng)建所見(jiàn)即所得的編輯器的理想基底。

Outline

這是一款有著足夠現(xiàn)代功能的自托管 Wiki Web 應(yīng)用，它是基于當(dāng)下流行的 React.js、Node.js、Postgres、Redis等工具來(lái)建立，使用 AWS 來(lái)存儲(chǔ)，并且整體外觀也足夠現(xiàn)代。你可以用它創(chuàng)建團(tuán)隊(duì) Wiki，文檔系統(tǒng)，會(huì)議記錄以及著陸頁(yè)。

Crater

Crater 是一款使用 PHP 構(gòu)建的用戶(hù)管理發(fā)票的 Web 應(yīng)用，它不僅可以幫你創(chuàng)建發(fā)票，發(fā)布采購(gòu)訂單，還可以管理客戶(hù)等。如果你想充分管理你的發(fā)票和數(shù)據(jù)，那么它是一個(gè)合理的選擇。

Directus

Directus 是一款無(wú)頭 CMS，讓你可以為幾乎任何類(lèi)型的內(nèi)容（新聞、用戶(hù)信息、產(chǎn)品等）添加自定義的字段。你可以選擇使用任何語(yǔ)言或者工具，通過(guò) RESTful 或者 GraphQL 來(lái)調(diào)用 API中的內(nèi)容。

Craft.js

Craft.js 是一個(gè)基于 React 框架、用來(lái)構(gòu)建豐富內(nèi)容的拖放式頁(yè)面編輯器，它提供了基礎(chǔ)的拖放式交互系統(tǒng)，并且提供了渲染、刷新和移動(dòng)的組件。使用 Craft.js 來(lái)構(gòu)建你的編輯器，它是理想的框架。

Devilbox

Devibox 是一款用來(lái)支撐本地開(kāi)發(fā)的完整的堆棧，它為你提供你所需要的絕大多數(shù)的服務(wù)，比如 Apache、Nginx、MySQL、PHP、MailHog 等等。

Magic.css

Magic.css 是一個(gè)平滑的CSS動(dòng)畫(huà)的合集。在它的幫助下，你可以向網(wǎng)站添加動(dòng)畫(huà)，就像往 HTML 當(dāng)中添加類(lèi)名稱(chēng)一樣方便。你可以使用 NPM、Yarn 來(lái)安裝 Magic.css，并且將它與 JavaScript 和 jQuery 混用。

Kutt

Kutt 是一個(gè)短鏈接 Web 應(yīng)用，它支持自定義域，并且提供立即可用的統(tǒng)計(jì)信息功能。它使用的是 Node.js 、Prosgress 和 Redis 來(lái)構(gòu)建的。你可以將它托管到你自己的服務(wù)器當(dāng)中。