2016年新鮮出爐的20款網頁開發工具推薦

0 評論 4864 瀏覽 277 收藏 10 分鐘

越來越多的移動端和桌面端應用開始使用HTML、CSS和JS來開發了,而網頁設計更是離不開這些語言。正是這種局面使得許多新的網頁技術成為了可能,也催生了許多諸如React.js、Angular和Node.js這樣的庫。隨著需求和項目的細化,開發者社區幾乎每天都會有有開發者放出新的庫和開發工具。

進入新年,我們推薦過設計素材,聊過設計趨勢,推薦了許多酷站,這次的文章將會推薦20款最新的實用開發工具,為各位前端和后端開發者來點干貨。這20個網站中,包含了開發框架、插件、生產力工具、應用程序,還有不少開發實踐案例。

  1. Prepo

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

  1. Philter

e9718d36acd994e9df80dff68c03c9fc

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

  1. Feature.js

7db467fff82296723302f4951c891977

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

  1. OS.js

e510c1fe092544edb2ee7da51b93bc58

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

  1. Fabricator

d18ae9352a5b8a14485126a035894170

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

  1. HackMyResume

4299ca90fb085926bf6c4097fa7ef926

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

  1. Gizmo

3af5027bdccb296b29adb34eff011c48

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

  1. Colorify

5b8aa9060e06c7000f637ba727c31e27

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

  1. Apster

037d042e56f3015fbb9c3c958f5dc903

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

  1. Vuvuzela

a5242f6fd975555ce83811961f7040aa

Vuvuzela 是一個能保證郵件內容和信息元數據私密性的信息傳遞系統。

  1. Senna.js

b37595eaccf7193ab7393b1a4b2b5c59

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

  1. ReqRes

5bc2cdf21b7d260ecd2ba013ef13c27f

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

  1. Linear

71ea323eaf9e0dbed22ad3890b59580e

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

  1. Clrs

146eb757c882ceb259e7a1fe8093bbde

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

  1. Utility Open-type

a164efeff59c13d32f917f6401ec7826

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

  1. CLimate

a60c1f2e0c1b9b36722a5808d949327c

如果你想在命令行下操控PHP那么CLimate 絕對是一個必備的工具,它可以讓你輕松地輸出彩色的文本、特殊的格式。

  1. Colordrop

ad7bc3daf052e3f3b5224db881755b3b

只需要托拽,你就可以借助 Colordrop 輕松地調整UI元素的色彩。只需要安裝一個Chrome插件,就可以幫你搞定這一切。

  1. Imba

7e2de34705b9a4da452fd58345ca4393

Imba 是一種全新的編程語言,旨在建立更加強大的Web應用,它包括了定義、擴展、集成、說明等語言層面的支持。

  1. Slim Framework

aea8f8be5f0fa81760cb7c515dfe60eb

Slim 是一個PHP微框架,可以幫你簡單快速地編寫強大的網頁APP、API。它包括了HTTP路由功能、PSR-7支持等等。

  1. PHAP

a13297b27c3864d262ebe661d60e861e

PHAP 可以讓你使用PHP來編寫本地的移動端APP。它使用PHP來實現功能,借助HTML/CSS來實現UI,讓應用可以流暢地運行于Android、iOS和Windows Phone。

來源: codegeekz – Nataly Gavin???譯文出處:優設網 – @陳子木

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!