在上一篇为大家整理出了一些资源网站,接下来给大家整理了一些开发中常用的工具。


开发工具篇

开发工具集

Sublime Text 3:SublimeText 3是一个代码编辑器,也是HTML和散文先进的文本编辑器,程序员之必备神器。
WebStorm:一款强大的HTML5编辑工具,是JetBrains推出的一款商业的JavaScript开发工具。功能强大的前端专用IDE,被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE
Vim:Vim是从vi发展出来的一个文本编辑器。代码补完、编译及错误跳转等方便编程的功能特别丰富,在程序员中被广泛使用。和Emacs并列成为类Unix系统用户最喜欢的编辑器
Notepad++:是在微软视窗环境之下的一个免费的代码编辑器。它使用较少的CPU功率,降低电脑系统能源消耗,但轻巧且执行效率高,使得Notepad++可完美地取代微软视窗的记事本。内置支持多达27种语法高亮度显示(包括各种常见的源代码、脚本,能够很好地支持.nfo文件查看)
EditPlus:一款由韩国 Sangil Kim (ES-Computing)出品的小巧但是功能强大的可处理文本、HTML和程序语言的Windows编辑器,你甚至可以通过设置用户工具将其作为C,Java,Php等等语言的一个简单的IDE
HBuilder:HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。
UltraEdit:一套功能强大的文本编辑器,可以编辑文本、十六进制、ASCII码,完全可以取代记事本(如果电脑配置足够强大),内建英文单字检查、C++ 及 VB指令突显,可同时编辑多个文件,而且即使开启很大的文件速度也不会慢
visualstudiocode:一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比Diff、GIT等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化
EdgeCode:adobe公司的一款新型网页互动工具。允许设计师通过HTML5、CSS和JavaScript制作网页动画
Komodo IDE:KomodoIDE可以在Windows、Mac OS X 和 Linux 上运行,并支持通用的开源语言 ——Python、Perl、PHP 和 Ruby。代码智能引擎非常可靠。
Koala:一个前端预处理器语言图形编译工具,支持Less、Sass、Compass、CoffeeScript,帮助web开发者更高效地使用它们进行开发。跨平台运行,完美兼容windows、linux、mac。
UltraCompare:一款文件内容比较工具。它可以对于文本、文件夹、二进制进行比较。
IETester:一个ie浏览器多版本测试工具,能很方便在ie5.5,ie6,ie7,ie8,ie9,ie10,ie11切换,只安装IETester一个软件,解决N多ie浏览器的问题
ColorSchemer Studio:一款专业配色软件,网页设计或平面设计师必备工具
PicPick:一个免费又好用的屏幕截图软件,它可以抓取全屏幕或是局部的画面,而且操作也很简单,还具备了一般最常用到的基本图像处理功能。

在线工具集

马克飞象:专为印象笔记打造的 Markdown 编辑器
TinyPNG:一款国外在线图片压缩工具
90设计工具:配色工具,配色,配色方案,配色表等
runjs:一款在线代码调试工具
jsbin:另一款在线代码调试工具
codepen:还是一款在线代码调试工具
代码格式化:一款JS/HTML代码格式化工具
代码格式化:一款只供CSS代码格式化的工具
特殊符号:HTML特殊符号对照表
特殊符号:网络特殊符号大全
UI尺寸规范:iPhone/iPad/Android UI尺寸规范
Web尺寸:Web尺寸规范
色彩大全:中国传统色彩大全
createcss3:在线生成css3工具
百度静态资源公共库:百度静态资源公共库
配色:Adobe Color CC工具
在线工具:在线工具-开源中国社区
在线工具:在线工具-脚本之家
在线工具:在线工具-懒人之家
Can I use:HTML5, CSS3, etc兼容性查询
Iconfont图标库:阿里推出的矢量字体图标库
Base64:在线把图片转换成Base64格式的工具
有道云笔记:个人与团队的线上资料库,信息全平台覆盖
有道翻译:提供即时免费的多语言全文翻译、网页翻译服务
URL编解码:URL编码的解码(GBK)
CSS验证:W3C CSS 验证服务
Fiddler:Fiddler调试工具官网
新浪微博开放平台:微博开放平台为移动应用提供了便捷的合作模式

最后如果有些网站打不开那可能是被屏蔽了,需要翻墙,这里在介绍一款不错的翻墙软件
Lantern:一款免费的翻墙软件,打开后即可访问到墙外了

工具篇先整理到这,后续将不定期更新!

敬请期待下篇技术博客篇!

WEB前端资源集(二)的更多相关文章

  1. WEB前端资源集(一)

    做前端已经一年了,开发中换过很多开发工具,遇到bug到处求解,以及自学时到处找相关文章及教程,所以经过这么多的风波,我总结了一些对大家有帮助的网站,主题也将长期更新. 资源网站篇 CSDN:全球最大中 ...

  2. WEB前端资源集

    原出处:http://www.cnblogs.com/zhengjialux/archive/2017/01/16/6291394.html 资源网站篇 CSDN:全球最大中文IT社区,为IT专业技术 ...

  3. 汇总——WEB前端资源网

    前端攻城师 爱思资源网 HTML5吧 0101后花园 前端网 编程教程和源代码示例 Javascript中文网 Web前端资源网 移动端HTML5资源整理 Web开发者 SegmentFault 前端 ...

  4. WEB前端资源项目整合

    WEB前端资源项目整合 vue.js高仿饿了么(1-13章全)链接:https://pan.baidu.com/s/1qYSiYXluA1AlEV0EskxWZw提取码:25z9 Vue.js 2.5 ...

  5. web前端学习(二)html学习笔记部分(11)-- 没有标号记录的知识合集

    这一部分内容相对比较简单,就不按规矩排序了.(主要是网站上也没有这一部分内容的排序) 1.  html5的 非主体结构元素 学习笔记(1)里面记录过. 2.  html5表单提交和PHP环境搭建 1. ...

  6. web前端学习(二)html学习笔记部分(1) -- html5新增的元素及特性等等

    检查,在浏览器中可以调整设备类型 html5实现水池效果. lang:en为英文语言,中文语言zh <html lang="en"> <head> < ...

  7. Java Web 前端资源文件的路径问题

    WEB-INF是Java Web应用的安全目录,在部署时用于存放class文件.项目用到的库(jar包).Java Web应用的配置文件web.xml. 浏览器不能访问此目录下的资源,比如在WEB-I ...

  8. Web前端资源汇总

    本文地址:http://www.cnblogs.com/jihua/p/webfront.html 网页特效库 2017新年快乐特效 CSS3+jQuery实现时钟插件 Html5入门实例" ...

  9. web前端学习(二)html学习笔记部分(10)-- HTML5构建应用布局和页面

    1.2.25  HTML5构建应用布局和页面 1.2.25.1  HTML5在移动开发中的准则 1.尽量使用单页面开发 2.慎重选择前端UI框架 3.动画.特效使用准则(60fps) 浏览器消耗最小的 ...

随机推荐

  1. RFC文档(http部分)

    Request For Comments(RFC),是一系列以编号排定的文件.文件收集了有关互联网相关信息,以及UNIX和互联网社区的软件文件.目前RFC文件是由Internet Society(IS ...

  2. 【PXC】关于限流的参数,状态值说明

    一.什么是流控(FC)?如何工作? 节点接收写集并把它们按照全局顺序组织起来,节点将接收到的未应用和提交的事务保存在接收队列中,当这个接收队列达到一定的大小,将触发限流:此时节点将暂停复制,节点会先处 ...

  3. 吴裕雄--天生自然ShellX学习笔记:Shell 变量

    定义变量时,变量名不加美元符号($,PHP语言中变量需要),如: your_name="runoob.com" 注意,变量名和等号之间不能有空格,这可能和你熟悉的所有编程语言都不一 ...

  4. Charles 安装配置

    与Fiddler相比,Charles 对url的分类列表更为清晰,这一点是我更喜欢Charles的一点.当然在抓app包上,个人觉得使用Charles更得心应手,这一点可能仁者见仁智者见智. 下载 官 ...

  5. java内部类(构造spring中的接收返回数据的实体类)

    说起内部类这个词,想必很多人都不陌生,但是又会觉得不熟悉.原因是平时编写代码时可能用到的场景不多,用得最多的是在有事件监听的情况下,并且即使用到也很少去总结内部类的用法.今天我们就来一探究竟. 原文链 ...

  6. 如何优雅的设计APP页面?

    页面框架设计只是整个产品设计中的一环,不要把眼界局限在这一环,也不要只站需求.只站在交互.只站在视觉上思考问题,从多个角度看问题,你才会学会成长. 产品设计是一个系统工程,单独拧出来其中一个流程来讲, ...

  7. JS中的7种设计模式

    第九章Refactoring to OOP Patterns 重构为OOP模式 7种设计模式: 1,模版方法模式(template method) 2,策略模式(strategy) 3,状态模式(st ...

  8. Underscore _.template 方法使用详解

    为什么用「void 0」代替「undefined」 undefined 并不是保留词(reserved word),它只是全局对象的一个属性,在低版本 IE 中能被重写. 事实上,undefined ...

  9. vue slot插槽v-show不控制显示隐藏

    vue中想控制插槽的显示隐藏,用v-show是不起任何作用的,改用v-if 可以生效.

  10. ubuntu16.04设置apt 阿里源

    sudo gedit /etc/apt/sources.listdeb http://mirrors.aliyun.com/ubuntu/ trusty main restricted univers ...