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


开发工具篇

开发工具集

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. 20.docker 持久化存储与数据共享

    1.image layer 和 container layer 的关系 image layer 是可读的 container layer 是在image layer 之上创建的 一个可读可写层 con ...

  2. Mac系统的SVN客户端:Snail SVN 精简版

    Mac系统的SVN客户端:Snail SVN 精简版 前言 本人在公司中,使用的是windows操作系统,svn客户端自然也就使用tortoise svn.但自从男朋友给我买了台macbook pro ...

  3. Java Keyword Static 学习记录

    Static Java编程思想:一旦将什么东西设为static,数据或方法就不会同那个类的任何对象实例联系到一起. 特点:随着类的加载而加载,随着类的销毁而销毁. 作用:可以修饰成员变量,代码块,方法 ...

  4. Spring使用Rabbitmq (简单使用)

    1.pom.xml jar包引用 <dependencies> <dependency> <groupId>org.springframework</grou ...

  5. MySql索引基本

    1.什么是索引 索引用于快速找出在某个列中有一特定值的行.如果不使用索引,需要遍历整张表,表越大查询耗时越大: MySQL中的索引的存储类型有两种:BTREE.HASH.具体实现机制参照另一篇博客: ...

  6. uboot对Flash和DDR的分区管理

    1.uboot阶段对Flash的分区 (1).所谓分区,就是对Flash进行分块管理. (2).PC机等产品中,因为大家都是在操作系统下使用硬盘的,整个硬盘由操作系统统一管理,操作系统会使用文件系统帮 ...

  7. JavaScript学习笔记 - 入门篇(2)- 常用互动方法

    输出内容(document.write) document.write() 可用于直接向 HTML 输出流写内容.简单的说就是直接在网页中输出内容. 第一种:输出内容用""括起,直 ...

  8. MinGW,gcc

    http://www.itdaan.com/blog/2018/01/14/6b7b0613ca61d8c0ea06817f5dd2842b.html https://bbs.feng.com/rea ...

  9. jquery.timepicker.js - 最常用的日期JS控件

    客户提了个需求,输入日期,想也不用想,立刻翻查Jquery,发现是有timepicker.js这个控件,马上就用. 1. 导入库 <script src="https://cdnjs. ...

  10. dubbo的本地存根

    在消费者创建存根类 修改消费者XML 也可以修改消费者注解