http://www.uisdc.com/2016-20-web-developer-tools
越来越多的移动端和桌面端应用开始使用HTML、CSS和JS来开发了,而网页设计更是离不开这些语言。正是这种局面使得许多新的网页技术成为了可能,也催生了许多诸如React.js、Angular和Node.js这样的库。随着需求和项目的细化,开发者社区几乎每天都会有有开发者放出新的库和开发工具。
进入新年,我们推荐过设计素材,聊过设计趋势,推荐了许多酷站,这次的文章将会推荐20款最新的实用开发工具,为各位前端和后端开发者来点干货。这20个网站中,包含了开发框架、插件、生产力工具、应用程序,还有不少开发实践案例。
1. Prepo
![prepo](https://i-blog.csdnimg.cn/blog_migrate/3c8d60f05e901abc90bd1e9ae994b004.jpeg)
Prepo 是一款同时登录Mac和iOS平台的应用,帮你准备、分享、预览APP和图标的工具。只需简单托拽就可以将界面进行@2x到@1x 的转换,并且能对图标在不同背景下的状态进行预览。尺寸转换可以批量进行,预览工作可以在本地设备上进行,也可以远程进行,分辨率的支持范围也非常广,不论你是开发者还是设计师,都非常值得使用这款应用。
2. Philter
![philter](https://i-blog.csdnimg.cn/blog_migrate/5a6d91d4f7fb73f7e31125dd6e5884dd.jpeg)
在 Philter 的帮助下,几乎任何人都可以针对网页内容进行后期处理。使用Philter,就像在HTML代码中添加一个Philter 属性那么简单。Philter 还支持悬停效果,只需添加一个简单属性,就可以实现漂亮的灰阶过渡和精致的投影。
3. Feature.js
![featurejs](https://i-blog.csdnimg.cn/blog_migrate/6f8a897d9baf29c7e1ae60bbc2f24a3d.jpeg)
Feature.js 是一款快速轻量级的浏览器侦测库。它并没有依赖库,并且压缩后只有1Kb那么小。Feature.js在加载页面的时候会自动初始化,速度非常快。
4. OS.js
![osjs](https://i-blog.csdnimg.cn/blog_migrate/13b37a176298ace72b6df5793959c997.jpeg)
OS.js 是一款为浏览器所准备的桌面式应用库,其中包含了完整的窗口管理器、应用程序API、界面工具箱和文件管理系统。它可以很好地兼容目前的主流浏览器和兼容Node和PHP的平台。
5. Fabricator
![fabricator-ui-kit](https://i-blog.csdnimg.cn/blog_migrate/ea9a31736275ae69d27c680dd5491524.jpeg)
你可以使用Fabricator 来构建你自己的UI Kit。Fabricator 是一款基于Node.js 的平台,用于快速构建、可拓展的网络应用。这款工具为各个平台准备了安装包,你也可以自己编译安装。
6. HackMyResume
![HackMyResume](https://i-blog.csdnimg.cn/blog_migrate/0d0a2c9ed1ff25e685e9805cf4347470.jpeg)
在 HackMyResume 的帮助下,你可以使用命令行来设计自己的简历。你可以使用Markdown和JSON来编写,并且输出为Word、HTML、PDF、LaTeX、纯文本等多种格式。HackMyResume 是基于Node.JS 来构建的,并且兼容OSX、Windows和Linux三大主流平台。
7. Gizmo
![gizmo](https://i-blog.csdnimg.cn/blog_migrate/107f3bb7270949f01ed1be3148ba1012.jpeg)
Gizmo 提供了四个包来帮助开发者快速编译和构建微服务 APIs 和 pubsub 后台进程。这个配置包提供了一整套通用的、组件化的结构,它可以同MySQL, MongoDB, Oracle, AWS (SNS, SQS, S3), Kafka, Gorilla’s 安全Cookie, Gizmo 服务器等进行联动。
8. Colorify
![Colorify.js](https://i-blog.csdnimg.cn/blog_migrate/d06026fd2b1944d1d936589c9410a02b.jpeg)
Colorify.js 是一个使用JS编写的胶版,让你可以从图片提取色彩并控制它们。Colorify 可以生成基于图片的色彩渐变图,分离色彩,提取色彩,丰富你的设计。
9. Apster
![apster](https://i-blog.csdnimg.cn/blog_migrate/d31f9bda2ffad0a9f3d4380580d4e0cf.jpeg)
Apster 会让用户参与到故事的讲述当中来,提升用户和内容之间的交互方式。它无疑是“StroyTelling 2.0”,只需要借助VoicRs 就可以让用户真的参与进来,提升内容的参与方式,将内容传播方式推到一个新高度。
10. Vuvuzela
![vuvuzela](https://i-blog.csdnimg.cn/blog_migrate/624d634b25e8cd1d52ab02bc9bf4a3b9.jpeg)
Vuvuzela 是一个能保证邮件内容和信息元数据私密性的信息传递系统。
11. Senna.js
![sennajs-1](https://i-blog.csdnimg.cn/blog_migrate/ee14e666cc696123b26a9c5d0b211881.jpeg)
Senna.js 超快的单页应用引擎,它为你提供了几个低级别API,让你可以借助这个大约8KB的引擎来打造现代的网络应用。
12. ReqRes
![reqres](https://i-blog.csdnimg.cn/blog_migrate/80da8e720877ebee3c5c7caf6191f033.jpeg)
ReqRes 是一款最基本的ExpressJS应用,它托管了REST-API 并且随时可以对AJAX 需求所响应。你可以使用真正的响应代码来进行开发。支持 GET、POST、PUT 和 DELETE 代码。ReqRes 可以模拟真实的应用场景。
13. Linear
![linear](https://i-blog.csdnimg.cn/blog_migrate/b55c7b1dd0065158365d3b19eb40cf8e.jpeg)
Linear 是一款Mac平台的测量应用,你可以用它来测量网页的尺寸,无需使用开发工具就可以测量出某个网页元素的尺寸。
14. Clrs
![colors](https://i-blog.csdnimg.cn/blog_migrate/7cf9b52e737d1d6e7041f83ec84d4528.jpeg)
Clrs 重新定义了基本的网页用色,提供了更加友好、现代的网页可用的色调。Clrs 提倡使用可访问性更优秀的配色方案。
15. Utility Open-type
![utility-open-type](https://i-blog.csdnimg.cn/blog_migrate/a71f5d97b2d3114f3b4923ad0b711fb7.jpeg)
Utility Open-type 是一系列更为先进的CSS排版功能,包括了字体连字、小尺寸大写字体等等进阶功能。它们的存在是为了给用户提供更优秀的用户体验细节。
16. CLimate
![climate](https://i-blog.csdnimg.cn/blog_migrate/dcfbf4a19d73fbc4dee4d505e5fed3de.jpeg)
如果你想在命令行下操控PHP那么CLimate 绝对是一个必备的工具,它可以让你轻松地输出彩色的文本、特殊的格式。
17. Colordrop
![colordrop](https://i-blog.csdnimg.cn/blog_migrate/4bbba50f7e72dab3a747e3b01278f5e6.jpeg)
只需要托拽,你就可以借助 Colordrop 轻松地调整UI元素的色彩。只需要安装一个Chrome插件,就可以帮你搞定这一切。
18. Imba
![Imba](https://i-blog.csdnimg.cn/blog_migrate/803338a2f836a1bd958e7dcffd5dfc0f.jpeg)
Imba 是一种全新的编程语言,旨在建立更加强大的Web应用,它包括了定义、扩展、集成、说明等语言层面的支持。
19. Slim Framework
![slim](https://i-blog.csdnimg.cn/blog_migrate/ad2f2d4c19ec13a66f67b95fe4ebd119.jpeg)
Slim 是一个PHP微框架,可以帮你简单快速地编写强大的网页APP、API。它包括了HTTP路由功能、PSR-7支持等等。
20. PHAP
![phap](https://i-blog.csdnimg.cn/blog_migrate/e639eca420a0044e80d0018d2267eac0.jpeg)
PHAP 可以让你使用PHP来编写本地的移动端APP。它使用PHP来实现功能,借助HTML/CSS来实现UI,让应用可以流畅地运行于Android、iOS和Windows Phone。
【优设酷站22连发!】
- 免费图库+导航收集站:《酷站两连发!高品质免费图库站+专注WEB/APP导航收集站》
- 音乐站+字体搜索:《酷站两连发!帮你专心工作的音乐站+谷歌字体在线搜索神器》
- 渐变色+代码比较:《酷站两连发!渐变色方案全聚合网站+在线代码比较神器》
- 配色+占位图:《酷站两连发!在线色彩搭配工具+快速生成占位图片器》
- LOGO下载+字体下载:《酷站两连发!可商用的矢量LOGO下载+平面最爱的27款免费字体》
- 压缩图片+在线配色:《酷站两连发!在线图片压缩神器+在线配色工具COLOURCO》
- CSS Hover动画+宠物小精灵配色:《酷站两连发!宠物小精灵专属配色网站+CSS HOVER动画收集站》
- 美女图片+游戏配色:《酷站两连发!游戏配色网站+免费美女素材特供网站》
- 在线配色+字体推荐:《酷站两连发!在线配色神器+英文字体推荐网站》
- 追波作品变代码+16进制颜色:《酷站两连发!用代码呈现DRIBBBLE作品+16进制颜色网站》
- 无缝纹理+多边形背景:《酷站两连发!专注无缝纹理素材站+多边形背景生成器》