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

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

　　1、Prepo

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

　　2、Philter

　　在 Philter 的幫助下，幾乎任何人都可以針對網(wǎng)頁內容進行后期處理。使用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來構建你自己的UI Kit。Fabricator是一款基于Node.js的平臺，用于快速構建、可拓展的網(wǎng)絡應用。這款工具為各個平臺準備了安裝包，你也可以自己編譯安裝。

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

　　1、HackMyResume

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

　　2、Gizmo

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

　　3、Colorify

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

　　4、 Apster

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

　　5、Vuvuzela

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

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

　　1、Senna.js

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

　　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)頁可用的色調。Clrs 提倡使用可訪問性更優(yōu)秀的配色方案。

　　5、Utility Open-type

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