网页开发工具有哪些

　　越来越多的移动端和桌面端应用开始使用HTML、CSS和JS来开发了，而网页设计更是离不开这些语言所需要的工具。下面由学习啦小编为大家整理的网页开发工具，希望大家喜欢!

　　网页开发工具

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

　　网站开发工具

　　1、HackMyResume

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

　　2、Gizmo

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

　　3、Colorify

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

　　4、 Apster

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

　　5、Vuvuzela

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

　　网页开发必备工具

　　1、Senna.js

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

　　2、ReqRes

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

　　3、Linear

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

　　4、Clrs

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

　　5、Utility Open-type

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