網(wǎng)頁設(shè)計(jì)師前端干貨大合集

又到了給前端開發(fā)的同學(xué)分享新素材的時(shí)候了。這個(gè)月的合集當(dāng)中，我們匯集了針對多種不同的開發(fā)語言的相關(guān)的前端開發(fā)工具，但是，其中最重要的還是幾個(gè)能夠幫助開發(fā)者更好更快編寫代碼的工具。

舉個(gè)例子，我們找到了一個(gè)能夠評估代碼質(zhì)量的 PHP 庫，一個(gè)可以自動(dòng)重構(gòu)代碼的 PHP 庫(是不是超級贊!)，以及使用 JavaScript 庫執(zhí)行端到端測試的簡單方法。多的不說了，咱們來看都有哪些新貨吧!

柵格工具 CSS Grid Generator

PylonCSS 是一款不同于其他 CSS 庫的工具，它提供自定義的組件，而不是單純提供一組類。這讓你可以以類似 iOS 的方式，更加具有表現(xiàn)力地包裝和實(shí)現(xiàn)網(wǎng)站效果。舉個(gè)例子，我們可以使用 來創(chuàng)建一個(gè)水平的元素堆棧，或者使用來創(chuàng)建垂直堆棧。

UI組件合集 Vant

PHPInsights 是一款能夠分析 PHP 代碼質(zhì)量的工具，它能夠檢查 Classess 的使用、抽象類、接口 的使用情況，以及代碼的復(fù)雜性和樣式的質(zhì)量。你可以在開發(fā)期間或者 CI 管道中運(yùn)行它，以檢查整體代碼的質(zhì)量。它還兼容流行的 PHP 平臺，比如 Laravel、Wordpress 和 Magento，開箱即用的體驗(yàn)相當(dāng)不錯(cuò)。

自動(dòng)重構(gòu)工具Rector

Ngx Admin 是一款免費(fèi)的儀表盤，它是基于 Angular、Bootstrap 和 Nebular 來構(gòu)建的，界面元素使用的是流行的 Angular UI 組件，它配備有 3 個(gè)開箱即用的主題，同時(shí)你還可以根據(jù)自己的偏好安裝不同的主題。Ngx Admin 免費(fèi)可商用。

圖標(biāo)合集RemixIcon

這是一個(gè)非常友好的圖標(biāo)合集。這個(gè)系列中，每個(gè)圖標(biāo)都包含有幾個(gè)不同的變體，并且以線性和填充兩種樣式來呈現(xiàn)。截至目前，這套合集中總共有 1574 個(gè)圖標(biāo)，你可以下載 SVG 格式的，也有對應(yīng)的圖標(biāo)字體以及 PPT 和 Keynote 格式的文檔。

響應(yīng)式字體工具RFS

RFS(Responsive Font Size)是一個(gè) CSS 庫，讓你可以根據(jù)視窗大小，自動(dòng)縮放字體。這個(gè)庫最好是和 CSS 處理器一起使用，它幾乎可以和所有的流行的預(yù)處理器一起使用，包括 Less、Sass 、Stylus 以及 PostCSS 。

腳本合集WP Scripts

WP Scripts 是一個(gè)用于開發(fā) WordPress 的可復(fù)用程序腳本合集，它包含一個(gè)開箱即用的預(yù)定義的推薦配置，確保你不用花費(fèi)大量的時(shí)間來調(diào)整配置。安裝好了之后，訪問 wp-scripts，你可以使用它來執(zhí)行構(gòu)建的命令，編譯代碼，執(zhí)行端到端測試等等。

網(wǎng)頁名稱：網(wǎng)頁設(shè)計(jì)師前端干貨大合集
URL分享：http://m.kartarina.com/news/100474.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、電子商務(wù)、品牌網(wǎng)站制作、云服務(wù)器、微信小程序、服務(wù)器托管

廣告

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