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

进入新年,我们推荐过设计素材,聊过设计趋势,推荐了许多酷站,这次的文章将会推荐20款最新的实用开发工具,为各位前端和后端开发者来点干货。这20个网站中,包含了开发框架、插件、生产力工具、应用程序,还有不少开发实践案例。

  1. Prepo

c72104a5ab2eb586ad0016368de7ed62

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 译文出处:优设网 - @陈子木