2016年新鮮出爐的20款網頁開發工具推薦
越來越多的移動端和桌面端應用開始使用HTML、CSS和JS來開發了,而網頁設計更是離不開這些語言。正是這種局面使得許多新的網頁技術成為了可能,也催生了許多諸如React.js、Angular和Node.js這樣的庫。隨著需求和項目的細化,開發者社區幾乎每天都會有有開發者放出新的庫和開發工具。
進入新年,我們推薦過設計素材,聊過設計趨勢,推薦了許多酷站,這次的文章將會推薦20款最新的實用開發工具,為各位前端和后端開發者來點干貨。這20個網站中,包含了開發框架、插件、生產力工具、應用程序,還有不少開發實踐案例。
Prepo 是一款同時登錄Mac和iOS平臺的應用,幫你準備、分享、預覽APP和圖標的工具。只需簡單托拽就可以將界面進行@2x到@1x 的轉換,并且能對圖標在不同背景下的狀態進行預覽。尺寸轉換可以批量進行,預覽工作可以在本地設備上進行,也可以遠程進行,分辨率的支持范圍也非常廣,不論你是開發者還是設計師,都非常值得使用這款應用。
在 Philter 的幫助下,幾乎任何人都可以針對網頁內容進行后期處理。使用Philter,就像在HTML代碼中添加一個Philter 屬性那么簡單。Philter 還支持懸停效果,只需添加一個簡單屬性,就可以實現漂亮的灰階過渡和精致的投影。
Feature.js 是一款快速輕量級的瀏覽器偵測庫。它并沒有依賴庫,并且壓縮后只有1Kb那么小。Feature.js在加載頁面的時候會自動初始化,速度非???。
OS.js 是一款為瀏覽器所準備的桌面式應用庫,其中包含了完整的窗口管理器、應用程序API、界面工具箱和文件管理系統。它可以很好地兼容目前的主流瀏覽器和兼容Node和PHP的平臺。
你可以使用Fabricator 來構建你自己的UI Kit。Fabricator 是一款基于Node.js 的平臺,用于快速構建、可拓展的網絡應用。這款工具為各個平臺準備了安裝包,你也可以自己編譯安裝。
在 HackMyResume 的幫助下,你可以使用命令行來設計自己的簡歷。你可以使用Markdown和JSON來編寫,并且輸出為Word、HTML、PDF、LaTeX、純文本等多種格式。HackMyResume 是基于Node.JS 來構建的,并且兼容OSX、Windows和Linux三大主流平臺。
Gizmo 提供了四個包來幫助開發者快速編譯和構建微服務 APIs 和 pubsub 后臺進程。這個配置包提供了一整套通用的、組件化的結構,它可以同MySQL, MongoDB, Oracle, AWS (SNS, SQS, S3), Kafka, Gorilla’s 安全Cookie, Gizmo 服務器等進行聯動。
Colorify.js 是一個使用JS編寫的膠版,讓你可以從圖片提取色彩并控制它們。Colorify 可以生成基于圖片的色彩漸變圖,分離色彩,提取色彩,豐富你的設計。
Apster 會讓用戶參與到故事的講述當中來,提升用戶和內容之間的交互方式。它無疑是“StroyTelling 2.0”,只需要借助VoicRs 就可以讓用戶真的參與進來,提升內容的參與方式,將內容傳播方式推到一個新高度。
Vuvuzela 是一個能保證郵件內容和信息元數據私密性的信息傳遞系統。
Senna.js 超快的單頁應用引擎,它為你提供了幾個低級別API,讓你可以借助這個大約8KB的引擎來打造現代的網絡應用。
ReqRes 是一款最基本的ExpressJS應用,它托管了REST-API 并且隨時可以對AJAX 需求所響應。你可以使用真正的響應代碼來進行開發。支持 GET、POST、PUT 和 DELETE 代碼。ReqRes 可以模擬真實的應用場景。
Linear 是一款Mac平臺的測量應用,你可以用它來測量網頁的尺寸,無需使用開發工具就可以測量出某個網頁元素的尺寸。
Clrs 重新定義了基本的網頁用色,提供了更加友好、現代的網頁可用的色調。Clrs 提倡使用可訪問性更優秀的配色方案。
Utility Open-type 是一系列更為先進的CSS排版功能,包括了字體連字、小尺寸大寫字體等等進階功能。它們的存在是為了給用戶提供更優秀的用戶體驗細節。
如果你想在命令行下操控PHP那么CLimate 絕對是一個必備的工具,它可以讓你輕松地輸出彩色的文本、特殊的格式。
只需要托拽,你就可以借助 Colordrop 輕松地調整UI元素的色彩。只需要安裝一個Chrome插件,就可以幫你搞定這一切。
Imba 是一種全新的編程語言,旨在建立更加強大的Web應用,它包括了定義、擴展、集成、說明等語言層面的支持。
Slim 是一個PHP微框架,可以幫你簡單快速地編寫強大的網頁APP、API。它包括了HTTP路由功能、PSR-7支持等等。
PHAP 可以讓你使用PHP來編寫本地的移動端APP。它使用PHP來實現功能,借助HTML/CSS來實現UI,讓應用可以流暢地運行于Android、iOS和Windows Phone。
來源: codegeekz – Nataly Gavin???譯文出處:優設網 – @陳子木
- 目前還沒評論,等你發揮!