網頁開發工具有哪些

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

　　網頁開發工具

　　1、Prepo

　　Prepo 是一款同時登入Mac和iOS平臺的應用，幫你準備、分享、預覽APP和圖示的工具。只需簡單託拽就可以將介面進行@2x到@1x的轉換，並且能對圖示在不同背景下的狀態進行預覽。尺寸轉換可以批量進行，預覽工作可以在本地裝置上進行，也可以遠端進行，解析度的支援範圍也非常廣，不論你是開發者還是設計師，都非常值得使用這款應用。

　　2、Philter

　　在 Philter 的幫助下，幾乎任何人都可以針對網頁內容進行後期處理。使用Philter，就像在HTML程式碼中新增一個Philter 屬性那麼簡單。Philter 還支援懸停效果，只需新增一個簡單屬性，就可以實現漂亮的灰階過渡和精緻的投影。

　　3、Feature.js

　　Feature.js是一款快速輕量級的瀏覽器偵測庫。它並沒有依賴庫，並且壓縮後只有1Kb那麼小。Feature.js在載入頁面的時候會自動初始化，速度非常快。

　　4、OS.js

　　OS.js是一款為瀏覽器所準備的桌面式應用庫，其中包含了完整的視窗管理器、應用程式API、介面工具箱和檔案管理系統。它可以很好地相容目前的主流瀏覽器和相容Node和PHP的平臺。

　　5、Fabricator

　　你可以使用Fabricator來構建你自己的UI Kit。Fabricator是一款基於Node.js的平臺，用於快速構建、可拓展的網路應用。這款工具為各個平臺準備了安裝包，你也可以自己編譯安裝。

　　網站開發工具

　　1、HackMyResume

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

　　2、Gizmo

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

　　3、Colorify

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

　　4、 Apster

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

　　5、Vuvuzela

　　Vuvuzela 是一個能保證郵件內容和資訊元資料私密性的資訊傳遞系統。

　　網頁開發必備工具

　　1、Senna.js

　　Senna.js 超快的單頁應用引擎，它為你提供了幾個低級別API，讓你可以藉助這個大約8KB的引擎來打造現代的網路應用。

　　2、ReqRes

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

　　3、Linear

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

　　4、Clrs

　　Clrs 重新定義了基本的網頁用色，提供了更加友好、現代的網頁可用的色調。Clrs 提倡使用可訪問性更優秀的配色方案。

　　5、Utility Open-type

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