2022年網(wǎng)頁(yè)設(shè)計(jì)師和開發(fā)者們必須要使用的資源

許多人在新的一年開始時(shí)通常都有新的目標(biāo)或決心。但是，開發(fā)者們卻要在舊項(xiàng)目中尋找新問題，或者開發(fā)新的開源軟件或工具來(lái)開始新的一年。所以有數(shù)百個(gè)開源工具正在被積極開發(fā)。在本篇文章，我將介紹一些開發(fā)者和網(wǎng)頁(yè)設(shè)計(jì)師需要用到的資源。

1.XR

XR是PHP的調(diào)試工具。它提供了一些輔助函數(shù)，在這些函數(shù)中，您可以將變量傳遞給調(diào)試，實(shí)時(shí)將輸出轉(zhuǎn)儲(chǔ)到本地主機(jī)地址，并以合理的布局顯示調(diào)試消息。

該工具可以作為Composer包以及Docker映像，這使得它很容易與您現(xiàn)有的項(xiàng)目集成。

2.Lage

Lage是微軟的一項(xiàng)新產(chǎn)品，旨在更有效地管理帶有多個(gè)包的大型存儲(chǔ)庫(kù)(也稱為monorepo)。它提供的配置和命令可讓您輸入一次命令，然后在存儲(chǔ)庫(kù)上的其他包上處理其余的命令。

3.Syncthing

Syncthing是一個(gè)同步您計(jì)算機(jī)上文件的實(shí)用工具。它非常類似于Dropbox，當(dāng)它托管在你自己的電腦上時(shí)，可以連接到局域網(wǎng)或互聯(lián)網(wǎng)上。此外，您不必與第三方共享數(shù)據(jù)。它可以在許多平臺(tái)上運(yùn)行，包括macOS X、Windows、Linux、FreeBSD和其他許多平臺(tái)。

4.Unlighthouse

這是一個(gè)開源的工具，可以讓你用Lighthouse測(cè)試網(wǎng)頁(yè)的性能、SEO和可訪問性。能將這些測(cè)試組織在一個(gè)現(xiàn)代UI中，您可以查看、搜索、排序或在單個(gè)頁(yè)面上重新運(yùn)行測(cè)試等等。目前正在積極開發(fā)中，功能還不健全。

5.SmolCSS

一個(gè)CSS片段的集合，用來(lái)解決現(xiàn)代CSS特性的常見問題，如設(shè)置高寬比，中心元素，創(chuàng)建堆棧布局，響應(yīng)填充，滾動(dòng)快照等。是一個(gè)真正偉大的創(chuàng)新，任何開發(fā)者都想要使用他們的CSS功能。

6.StyleStage

StyleStage是一個(gè)旨在重新激活CSS Zen Garden的工具，它為開發(fā)人員提供了探索和展示現(xiàn)代CSS對(duì)HTML樣式的作用的媒介。如果你剛開始學(xué)習(xí)CSS，那么它是一個(gè)很好的學(xué)習(xí)CSS的資源，因?yàn)槟銜?huì)找到美麗獨(dú)特的布局，風(fēng)格，和靈感。

6.Rich

這是一個(gè)用于創(chuàng)建富終端或Shell應(yīng)用程序的Python庫(kù)。提供了一個(gè)API，可以輕松地用顏色、渲染表、進(jìn)度條、處理標(biāo)記，甚至突出顯示源代碼來(lái)樣式化輸出。它可以在macOS、Windows和Linux上運(yùn)行。

7.RCI

你見過一些網(wǎng)站，它要求2FA(雙因素認(rèn)證)與多個(gè)小輸入?這是我們今天在Web上可以找到的常見UI模式，RCI的目標(biāo)是使創(chuàng)建這種模式變得容易。它是一個(gè)React組件，它為輸入提供了具有更好的可訪問性的基本結(jié)構(gòu)。你可以在這里查看演示。

8.VantaJS

這是一個(gè)用來(lái)創(chuàng)建動(dòng)畫交互背景的JavaScript庫(kù)。這個(gè)庫(kù)使用起來(lái)很簡(jiǎn)單。它提供了調(diào)整顏色、速度、比例等配置。它是輕量級(jí)的，快速的，一個(gè)添加到你的網(wǎng)站后整體上很酷的資源庫(kù)。

來(lái)源：定君愛唱歌

以上是關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)信息，以供大家查看了解。想要了解更多網(wǎng)頁(yè)設(shè)計(jì)信息，第一時(shí)間了解更多網(wǎng)頁(yè)設(shè)計(jì)相關(guān)資訊，敬請(qǐng)關(guān)注唯學(xué)網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)欄目，如有任何疑問也可在線留言，小編會(huì)為您在第一時(shí)間解答!