中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

網(wǎng)頁設計師和開發(fā)人員的新資源參考

2019-11-10    分類: 網(wǎng)站建設

現(xiàn)在是我們再次為我們的網(wǎng)絡開發(fā)人員及網(wǎng)站建設的從業(yè)者,分享新資源的時候了。我們在這一輪中的集合涉及多種編程語言的多種工具。但主要是,我們有幾種工具可以幫助您編寫更好的代碼。

例如,我們有一個能夠評估代碼質(zhì)量的PHP庫,一個可以自動重構(gòu)代碼的PHP庫(它有多棒?),以及使用JavaScript庫執(zhí)行端到端測試的簡單方法。不用多說了,讓我們看看下面的完整列表。

CSS網(wǎng)格生成器

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


css-grid-generator.jpg

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

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


css-grid-generator.jpg

Zdog

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


zzzdog.jpg

IBot應用程序

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

uibot.jpg

可接受性見解

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

zzzdog.jpg

NightwatchJS

一個簡化端到端測試的JavaScript庫。NightwatchJS利用標準的W3C WebDriver API連接瀏覽器并與之交互以執(zhí)行測試。它支持眾多驅(qū)動程序,包括WebDriver服務,包括GeckoDriver,可在Firefox瀏覽器,ChromeDriver和SafariDriver上運行測試。

zzzdog.jpg

游戲室

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

zzzdog.jpg

鐵塔

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

zzzdog.jpg

藥效機理

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

zzzdog.jpg

機器人

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

zzzdog.jpg

自述文件生成器

擁有README.md文件是開源項目的一個組成部分。但是,如果您想創(chuàng)建一個適當且美觀的自述文件可能是一項艱巨的任務,您可以嘗試使用此工具簡化創(chuàng)建過程的過程。

zzzdog.jpg

CSS Wand

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

zzzdog.jpg

Gitmoji

我們看到在git commit消息中使用表情符號的趨勢越來越明顯。檢查此引用Gitmoji,以查看在提交消息中使用哪個正確的表情符號。

zzzdog.jpg

Gitfolio

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

zzzdog.jpg

PHPInsights

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

zzzdog.jpg

校長

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

zzzdog.jpg

gx管理員

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

zzzdog.jpg

RemixIcon

一個很好的圖標集合。該系列中的每個圖標都有幾個變體而不是一個或兩個,它還帶有兩種樣式:lined和filled。截至本文撰寫時共有1574個圖標。您可以下載SVG圖標,圖標字體以及PowerPoint和Keynote格式。

zzzdog.jpg

RFS(響應字體大?。?/h4>

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

zzzdog.jpg

WP腳本

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

zzzdog.jpg

文章題目:網(wǎng)頁設計師和開發(fā)人員的新資源參考
文章分享:http://www.rwnh.cn/news9/80809.html

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

廣告

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

手機網(wǎng)站建設
乌鲁木齐县| 塘沽区| 赣州市| 克山县| 南投县| 定安县| 曲麻莱县| 杭锦后旗| 西乌珠穆沁旗| 香格里拉县| 婺源县| 公安县| 积石山| 德州市| 霍城县| 印江| 浦东新区| 长寿区| 延长县| 昌吉市| 谢通门县| 交口县| 绍兴市| 汉源县| 积石山| 华蓥市| 永顺县| 诏安县| 威远县| 宜良县| 平顶山市| 定州市| 墨脱县| 车致| 焦作市| 菏泽市| 龙南县| 平江县| 东海县| 民和| 荣昌县|