推荐十个免费的web前端开发工具:
Grid Guide
特性: 快速生成栅格
一款免费的网页应用,能让你在线生成栅格。这个小巧的应用能让你通过自定义间距和列数建立你自己的栅格方案。
Foundation
特性: 一款类似Bootstrap的框架
Foundation框架跟Bootstrap一样,有为栅格、排版、按钮和其它动态元素的预定义CSS类。但是它的设计更加简单,所以它不像一般的框架一样,更加容易去自定义布局。
CodePen
特性: 实现新创意代码
大多数开发者都知道使用 cloud IDEs做前端开发十分轻便。通过它你可以在任何电脑上写代码,保存你的项目到云端上且分享。它启动迅速,十分可靠,易于启动且当你改动代码时会自动更新。还能支持几乎所有你能想到的库。
Unheap
特性: 最新的jQuery插件库
它基本上是一个拥有着网络上所有最佳的jQuery插件的存储库,而且它经常更新,所以你总能找到各种新的插件。
LivePage
特性: 自动刷新浏览器
LivePage 就是一种免费的谷歌扩展插件,能在你对本地文件做出修改后自动刷新你的页面。
Fullpage Screen Capture
特性: 捕获全屏
Fullpage Screen Capture 可以让你截取整个网页并存为PNG图片。
WhatFont
特性: 在网络上找到最棒的字体
排版对网页设计而言是一个巨大的挑战,而且并不是一件很容易的事。要找到合适的字体是很累人的,但是使用例如WhatFont 的扩展插件,可以减轻你在搜索时的痛苦。
Node/npm
特性: 命令行
Node很显然改变了web开发的面貌。它将JavaScript传递给后台,并返回给我们npm,一种发展最迅速的包管理器。
在当前,所有的前端开发者都应该学习命令行,因为现在这是一种在前端工作流中必要的工具。而且npm也是这个过程的一部分,它也完全由命令行管理。
Mobile Speed Tester
特性: 手机监测
谷歌的一个最佳的工具叫Mobile Speed Tester,能测试任何网站在电脑和手机上的响应速度。它同时衡量访问速度和用户体验,以此来判定该网站是否对手机友好。
Responsive Test
特性: 测试站点响应速度
这是一个发布在GitHub上的开源项目,可以让你测试任何网站的在你的浏览器上的响应是否正常。