越來越多的移動端和桌面端應用開始使用HTML、CSS和JS來開發(fā)了，而網(wǎng)頁設(shè)計更是離不開這些語言所需要的工具。下面由學習啦小編為大家整理的網(wǎng)頁開發(fā)工具，希望大家喜歡!

　　網(wǎng)頁開發(fā)工具

　　1、Prepo

　　Prepo 是一款同時登錄Mac和iOS平臺的應用，幫你準備、分享、預覽APP和圖標的工具。只需簡單托拽就可以將界面進行@2x到@1x的轉(zhuǎn)換，并且能對圖標在不同背景下的狀態(tài)進行預覽。尺寸轉(zhuǎn)換可以批量進行，預覽工作可以在本地設(shè)備上進行，也可以遠程進行，分辨率的支持范圍也非常廣，不論你是開發(fā)者還是設(shè)計師，都非常值得使用這款應用。

　　2、Philter

　　在 Philter 的幫助下，幾乎任何人都可以針對網(wǎng)頁內(nèi)容進行后期處理。使用Philter，就像在HTML代碼中添加一個Philter 屬性那么簡單。Philter 還支持懸停效果，只需添加一個簡單屬性，就可以實現(xiàn)漂亮的灰階過渡和精致的投影。

　　3、Feature.js

　　Feature.js是一款快速輕量級的瀏覽器偵測庫。它并沒有依賴庫，并且壓縮后只有1Kb那么小。Feature.js在加載頁面的時候會自動初始化，速度非?？臁?/p>

　　4、OS.js

　　OS.js是一款為瀏覽器所準備的桌面式應用庫，其中包含了完整的窗口管理器、應用程序API、界面工具箱和文件管理系統(tǒng)。它可以很好地兼容目前的主流瀏覽器和兼容Node和PHP的平臺。

　　5、Fabricator

　　你可以使用Fabricator來構(gòu)建你自己的UI Kit。Fabricator是一款基于Node.js的平臺，用于快速構(gòu)建、可拓展的網(wǎng)絡(luò)應用。這款工具為各個平臺準備了安裝包，你也可以自己編譯安裝。

　　網(wǎng)站開發(fā)工具

　　1、HackMyResume

　　在 HackMyResume的幫助下，你可以使用命令行來設(shè)計自己的簡歷。你可以使用Markdown和JSON來編寫，并且輸出為Word、HTML、PDF、LaTeX、純文本等多種格式。HackMyResume是基于Node.JS來構(gòu)建的，并且兼容OSX、Windows和Linux三大主流平臺。

　　2、Gizmo

　　Gizmo 提供了四個包來幫助開發(fā)者快速編譯和構(gòu)建微服務 APIs和 pubsub后臺進程。這個配置包提供了一整套通用的、組件化的結(jié)構(gòu)，它可以同MySQL, MongoDB, Oracle, AWS(SNS, SQS, S3), Kafka, Gorilla’s 安全Cookie, Gizmo 服務器等進行聯(lián)動。

　　3、Colorify

　　Colorify.js 是一個使用JS編寫的膠版，讓你可以從圖片提取色彩并控制它們。Colorify 可以生成基于圖片的色彩漸變圖，分離色彩，提取色彩，豐富你的設(shè)計。

　　4、 Apster

　　Apster 會讓用戶參與到故事的講述當中來，提升用戶和內(nèi)容之間的交互方式。它無疑是“StroyTelling 2.0”，只需要借助VoicRs 就可以讓用戶真的參與進來，提升內(nèi)容的參與方式，將內(nèi)容傳播方式推到一個新高度。

　　5、Vuvuzela

　　Vuvuzela 是一個能保證郵件內(nèi)容和信息元數(shù)據(jù)私密性的信息傳遞系統(tǒng)。

　　網(wǎng)頁開發(fā)必備工具

　　1、Senna.js

　　Senna.js 超快的單頁應用引擎，它為你提供了幾個低級別API，讓你可以借助這個大約8KB的引擎來打造現(xiàn)代的網(wǎng)絡(luò)應用。

　　2、ReqRes

　　ReqRes 是一款最基本的ExpressJS應用，它托管了REST-API 并且隨時可以對AJAX 需求所響應。你可以使用真正的響應代碼來進行開發(fā)。支持 GET、POST、PUT 和 DELETE 代碼。ReqRes 可以模擬真實的應用場景。

　　3、Linear

　　Linear 是一款Mac平臺的測量應用，你可以用它來測量網(wǎng)頁的尺寸，無需使用開發(fā)工具就可以測量出某個網(wǎng)頁元素的尺寸。

　　4、Clrs

　　Clrs 重新定義了基本的網(wǎng)頁用色，提供了更加友好、現(xiàn)代的網(wǎng)頁可用的色調(diào)。Clrs 提倡使用可訪問性更優(yōu)秀的配色方案。

　　5、Utility Open-type

　　Utility Open-type 是一系列更為先進的CSS排版功能，包括了字體連字、小尺寸大寫字體等等進階功能。它們的存在是為了給用戶提供更優(yōu)秀的用戶體驗細節(jié)。