網(wǎng)頁(yè)設(shè)計(jì)師和開(kāi)發(fā)人員的新資源參考

現(xiàn)在是我們?cè)俅螢槲覀兊木W(wǎng)絡(luò)開(kāi)發(fā)人員及網(wǎng)站建設(shè)的從業(yè)者，分享新資源的時(shí)候了。我們?cè)谶@一輪中的集合涉及多種編程語(yǔ)言的多種工具。但主要是，我們有幾種工具可以幫助您編寫(xiě)更好的代碼。

例如，我們有一個(gè)能夠評(píng)估代碼質(zhì)量的PHP庫(kù)，一個(gè)可以自動(dòng)重構(gòu)代碼的PHP庫(kù)（它有多棒？），以及使用JavaScript庫(kù)執(zhí)行端到端測(cè)試的簡(jiǎn)單方法。不用多說(shuō)了，讓我們看看下面的完整列表。

CSS網(wǎng)格生成器

這個(gè)由Sarah Drasner創(chuàng)建的工具將使創(chuàng)建CSS網(wǎng)格更加直觀。它可以幫助您在創(chuàng)建復(fù)雜布局（如組成重疊網(wǎng)格區(qū)域）時(shí)節(jié)省時(shí)間。該工具將生成代碼，您可以在其中復(fù)制并粘貼到您的網(wǎng)站。

內(nèi)部瀏覽現(xiàn)代瀏覽器

Google全面了解現(xiàn)代瀏覽器的工作原理。這讓您可以一瞥瀏覽器內(nèi)部，例如它如何利用CPU，GPU和內(nèi)存。此資源可能有助于編寫(xiě)高性能代碼。Mariko Kosaka的插圖讓人愉快，易于理解。

Zdog

Metafizzy的另一個(gè)奇妙之處。Zdog是JavaScript庫(kù)，使您可以通過(guò)HTML畫(huà)布，然后可以組合成類似有意義的數(shù)字，例如，繪制3D圖形多態(tài)性馬里奧兄弟。Metafizzy也因其他奇妙的JavaScript庫(kù)而聞名，如Isotope，F(xiàn)lickity和Packery

IBot應(yīng)用程序

UIBot是一個(gè)生成管理儀表板用戶界面的工具。只需單擊按鈕，該工具將生成一個(gè)新的布局和顏色變體。它可能不會(huì)成為您項(xiàng)目中的UI，但它可能仍然是一個(gè)從中獲取靈感的便利工具。

可接受性見(jiàn)解

一個(gè)瀏覽器擴(kuò)展，用于評(píng)估您的網(wǎng)站的可訪問(wèn)性問(wèn)題（a11y），并提供有關(guān)如何解決這些問(wèn)題的指南。該擴(kuò)展程序可用作Chrome和Microsoft Edge擴(kuò)展程序。

NightwatchJS

一個(gè)簡(jiǎn)化端到端測(cè)試的JavaScript庫(kù)。NightwatchJS利用標(biāo)準(zhǔn)的W3C WebDriver API連接瀏覽器并與之交互以執(zhí)行測(cè)試。它支持眾多驅(qū)動(dòng)程序，包括WebDriver服務(wù)，包括GeckoDriver，可在Firefox瀏覽器，ChromeDriver和SafariDriver上運(yùn)行測(cè)試。

游戲室

游戲室是一個(gè)獨(dú)特的工具。簡(jiǎn)而言之，它類似于布局設(shè)計(jì)系統(tǒng)或組件庫(kù)的工具，但它還提供了一個(gè)預(yù)覽部分，用于模擬各種視口大小的組件。它是一個(gè)非常方便的工具，用于顯示組件或布局在粒度級(jí)別上的變化。

鐵塔

PylonCSS與其他任何CSS庫(kù)都不同。它提供了一組自定義組件，而不是一組類。這允許您以類似于iOS的更具表現(xiàn)力的方式包裝您的網(wǎng)站。例如，我們可以使用創(chuàng)建水平元素堆棧，或創(chuàng)建垂直堆棧。

藥效機(jī)理

Vant是一個(gè)基于Vue.js構(gòu)建的集合移動(dòng)UI組件。收集相當(dāng)廣泛，有55多個(gè)組件并且不斷增長(zhǎng)。它支持TypeScript，SSR（服務(wù)器端渲染）和i18n，這意味著您可以將組件翻譯為語(yǔ)言環(huán)境語(yǔ)言。

機(jī)器人

許多人可能熟悉使用Gulp和Grunt設(shè)置任務(wù)運(yùn)行程序以在開(kāi)發(fā)期間自動(dòng)化工作流程，例如合并文件，縮小CSS和JavaScript等。這些工具使用Node.js構(gòu)建?，F(xiàn)在，如果我告訴你，你可以用PHP做同樣的事情。認(rèn)識(shí)Robo是PHP的任務(wù)運(yùn)行者

自述文件生成器

擁有README.md文件是開(kāi)源項(xiàng)目的一個(gè)組成部分。但是，如果您想創(chuàng)建一個(gè)適當(dāng)且美觀的自述文件可能是一項(xiàng)艱巨的任務(wù)，您可以嘗試使用此工具簡(jiǎn)化創(chuàng)建過(guò)程的過(guò)程。

CSS Wand

CSSWand是一個(gè)美麗效果的集合，純粹使用HTML和CSS構(gòu)建。它提供了將代碼復(fù)制并粘貼到您的網(wǎng)站上的代碼。

Gitmoji

我們看到在git commit消息中使用表情符號(hào)的趨勢(shì)越來(lái)越明顯。檢查此引用Gitmoji，以查看在提交消息中使用哪個(gè)正確的表情符號(hào)。

Gitfolio

Gitfolio是一個(gè)工具，允許您根據(jù)您的Github配置文件構(gòu)建一個(gè)投資組合網(wǎng)站，并創(chuàng)建一個(gè)博客。很高興快速創(chuàng)建您的網(wǎng)站。

PHPInsights

PHPInsights是一個(gè)分析PHP代碼質(zhì)量的工具。它檢查Classess的使用，抽象，接口，代碼復(fù)雜性和一些代碼樣式。您可以在開(kāi)發(fā)期間或CI管道中運(yùn)行它，以便檢查整體代碼質(zhì)量。它還兼容流行的PHP平臺(tái)，如Laravel，WordPress和Magento開(kāi)箱即用。

校長(zhǎng)

Rector代表Reconstructor，是一種自動(dòng)將PHP代碼庫(kù)的代碼重構(gòu)自動(dòng)化為更現(xiàn)代的PHP實(shí)踐的工具。它可以通過(guò)Composer安裝或使用Docker鏡像然后就像輸入命令一樣簡(jiǎn)單rector，讓它為你做好工作。

gx管理員

Ngx Admin是一個(gè)免費(fèi)的管理儀表板，構(gòu)建在Angular，Bootstrap和Nebular之上，是一個(gè)流行的Angular UI組件。它配備了3個(gè)開(kāi)箱即用的主題設(shè)計(jì)：淺色，深色和公司，但當(dāng)然您可以根據(jù)自己的喜好擴(kuò)展主題。Ngx Admin免費(fèi)提供個(gè)人和商業(yè)項(xiàng)目。

RemixIcon

一個(gè)很好的圖標(biāo)集合。該系列中的每個(gè)圖標(biāo)都有幾個(gè)變體而不是一個(gè)或兩個(gè)，它還帶有兩種樣式：lined和filled。截至本文撰寫(xiě)時(shí)共有1574個(gè)圖標(biāo)。您可以下載SVG圖標(biāo)，圖標(biāo)字體以及PowerPoint和Keynote格式。

RFS（響應(yīng)字體大?。?/h4>

RFS是一個(gè)CSS庫(kù)，可根據(jù)視口大小自動(dòng)縮放字體大小。該庫(kù)旨在與CSS處理器一起使用，因此它可用于所有流行的預(yù)處理器，包括Less，Sass，Stylus以及PostCSS。

WP腳本

WP Scripts是用于開(kāi)發(fā)WordPress的可重用實(shí)用程序腳本的集合。它包含一個(gè)開(kāi)箱即用的預(yù)定義推薦配置，因此您可以開(kāi)始處理項(xiàng)目，而不是全天修改配置。安裝后，您將可以訪問(wèn)wp-scripts命令行，您可以使用該命令行執(zhí)行構(gòu)建命令以編譯代碼，執(zhí)行端到端測(cè)試的測(cè)試命令以及一些其他命令。

文章題目：網(wǎng)頁(yè)設(shè)計(jì)師和開(kāi)發(fā)人員的新資源參考
文章分享：http://muchs.cn/news9/80809.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、微信公眾號(hào)、云服務(wù)器、外貿(mào)建站、品牌網(wǎng)站設(shè)計(jì)、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)