超赞干货！2016年新鲜出炉的20款网页开发工具推荐

越来越多的移动端和桌面端应用开始使用HTML、CSS和JS来开发了，而网页设计更是离不开这些语言。正是这种局面使得许多新的网页技术成为了可能，也催生了许多诸如React.js、Angular和Node.js这样的库。随着需求和项目的细化，开发者社区几乎每天都会有有开发者放出新的库和开发工具。

进入新年，小编推荐20款最新的实用开发工具，为各位前端和后端开发者来点干货。这20个网站中，包含了开发框架、插件、生产力工具、应用程序，还有不少开发实践案例。感兴趣的同学可以自行选择搜索使用。

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的平台，用于快速构建、可拓展的网络应用。这款工具为各个平台准备了安装包，你也可以自己编译安装。

6. HackMyResume

在HackMyResume的帮助下，你可以使用命令行来设计自己的简历。你可以使用Markdown和JSON来编写，并且输出为Word、HTML、PDF、LaTeX、纯文本等多种格式。HackMyResume是基于Node.JS来构建的，并且兼容OSX、Windows和Linux三大主流平台。

7. Gizmo

Gizmo提供了四个包来帮助开发者快速编译和构建微服务APIs和pubsub后台进程。这个配置包提供了一整套通用的、组件化的结构，它可以同MySQL, MongoDB, Oracle, AWS (SNS, SQS, S3), Kafka, Gorilla’s安全Cookie, Gizmo服务器等进行联动。

8. Colorify

Colorify.js是一个使用JS编写的胶版，让你可以从图片提取色彩并控制它们。Colorify可以生成基于图片的色彩渐变图，分离色彩，提取色彩，丰富你的设计。

9. Apster

Apster会让用户参与到故事的讲述当中来，提升用户和内容之间的交互方式。它无疑是“StroyTelling 2.0”，只需要借助VoicRs就可以让用户真的参与进来，提升内容的参与方式，将内容传播方式推到一个新高度。

10. Vuvuzela

Vuvuzela是一个能保证邮件内容和信息元数据私密性的信息传递系统。

11. Senna.js

Senna.js超快的单页应用引擎，它为你提供了几个低级别API，让你可以借助这个大约8KB的引擎来打造现代的网络应用。

12. ReqRes

ReqRes是一款最基本的ExpressJS应用，它托管了REST-API并且随时可以对AJAX需求所响应。你可以使用真正的响应代码来进行开发。支持GET、POST、PUT和DELETE代码。ReqRes可以模拟真实的应用场景。

13. Linear

Linear是一款Mac平台的测量应用，你可以用它来测量网页的尺寸，无需使用开发工具就可以测量出某个网页元素的尺寸。

14. Clrs

Clrs重新定义了基本的网页用色，提供了更加友好、现代的网页可用的色调。Clrs提倡使用可访问性更优秀的配色方案。

15. Utility Open-type

Utility Open-type是一系列更为先进的CSS排版功能，包括了字体连字、小尺寸大写字体等等进阶功能。它们的存在是为了给用户提供更优秀的用户体验细节。

16. CLimate

如果你想在命令行下操控PHP那么CLimate绝对是一个必备的工具，它可以让你轻松地输出彩色的文本、特殊的格式。

17. Colordrop

只需要托拽，你就可以借助Colordrop轻松地调整UI元素的色彩。只需要安装一个Chrome插件，就可以帮你搞定这一切。

18. Imba

Imba是一种全新的编程语言，旨在建立更加强大的Web应用，它包括了定义、扩展、集成、说明等语言层面的支持。

19. Slim Framework

Slim是一个PHP微框架，可以帮你简单快速地编写强大的网页APP、API。它包括了HTTP路由功能、PSR-7支持等等。

20. PHAP

PHAP可以让你使用PHP来编写本地的移动端APP。它使用PHP来实现功能，借助HTML/CSS来实现UI，让应用可以流畅地运行于Android、iOS和Windows Phone。

来自：http://wap.ithome.com/html/205805.htm点击阅读原文查看历史文章

标签：

相关文章： 岗位推介会是什么意思  SEO实战攻略，提升排名流量双丰收  官渡SEO开户，快速提升网站排名  首都广播电视节目制作业协会年会推优46部作品估计这男孩子拍照时，也没想到趴肩膀的是大明星，能让他吹一辈子  pc电脑端的广告推广优缺点有哪些？  编制内招聘是什么意思  win10卡顿严重？核心优化，效果惊人？,阳春优化seo  多元化渠道，精准触达市场  利用微信小程序精准获客的技巧是什么？  潮州市抖音代运营，哪家更专业呢？  SEO是网络推广的基础  一网打尽，海量信息轻松抓取  电商推广：如何利用短视频吸引年轻消费者？,胶州网站建设和推广公司  手游推广平台，一触即达精彩！  网站推广秘籍集锦  提升网站排名，优化SEO，轻松吸引流量。  提醒员工注意交通安全的通知  “软文改写，旧文新颜，创意翻新！”  AI段落文章，能带来怎样的智能创作新体验呢？  医疗器械科研类网站模板  电商优选是什么意思  “Senorita”原唱：肖恩·门德斯，演绎经典情歌！  廊坊建站首选品牌  掌握SEO核心技巧，轻松提升网站排名！  独山SEO，网络营销利器专家  王钊SEO，如何快速提升网站关键词排名？,山西笑傲网站建设推广  SEO推广，精准关键词，高效流量提升  营销2.0之榜样的力量  SEO推广：提升网站排名，吸引精准流量  赖旭东设计，揭秘创意之源？,阿图什优化网站  全椒县抖音SEO如何优化更有效？  优化内容，提升内链，增强外链  优化SEO，关键词上位，流量翻倍增长！  线下推广方法有哪些？介绍11种实用的线下推广方法  淘宝神器，一键下载！  中小企业网站推广的步骤具体是什么？  质量关键词优化精炼  互鼎科技：光伏品牌公信力，社媒赋能之道  什么叫资产评估  关键词魔力，营销新引擎  网站推广优化，精准引流，提升排名  网站推广优化怎么做才能够带来精准流量？  怎么做门户行业的网站推广？  网站推广多法精炼，一招制胜！  乐云SEO，如何打造知名网站运营公司？,淮安网站建设招聘网  成都，有没有顶尖公关公司？,新乡鼠标文化网站建设  微信好友添加失败，怎么办？  要求员工穿劳保鞋的通知  云南网站设计，如何打造行业翘楚？,万众图库网站建设  明星新排榜：实力与人气双星闪耀