WEB前端资源集(二)
在上一篇为大家整理出了一些资源网站,接下来给大家整理了一些开发中常用的工具。
开发工具篇
开发工具集
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前端资源集(二)的更多相关文章
- WEB前端资源集(一)
做前端已经一年了,开发中换过很多开发工具,遇到bug到处求解,以及自学时到处找相关文章及教程,所以经过这么多的风波,我总结了一些对大家有帮助的网站,主题也将长期更新. 资源网站篇 CSDN:全球最大中 ...
- WEB前端资源集
原出处:http://www.cnblogs.com/zhengjialux/archive/2017/01/16/6291394.html 资源网站篇 CSDN:全球最大中文IT社区,为IT专业技术 ...
- 汇总——WEB前端资源网
前端攻城师 爱思资源网 HTML5吧 0101后花园 前端网 编程教程和源代码示例 Javascript中文网 Web前端资源网 移动端HTML5资源整理 Web开发者 SegmentFault 前端 ...
- WEB前端资源项目整合
WEB前端资源项目整合 vue.js高仿饿了么(1-13章全)链接:https://pan.baidu.com/s/1qYSiYXluA1AlEV0EskxWZw提取码:25z9 Vue.js 2.5 ...
- web前端学习(二)html学习笔记部分(11)-- 没有标号记录的知识合集
这一部分内容相对比较简单,就不按规矩排序了.(主要是网站上也没有这一部分内容的排序) 1. html5的 非主体结构元素 学习笔记(1)里面记录过. 2. html5表单提交和PHP环境搭建 1. ...
- web前端学习(二)html学习笔记部分(1) -- html5新增的元素及特性等等
检查,在浏览器中可以调整设备类型 html5实现水池效果. lang:en为英文语言,中文语言zh <html lang="en"> <head> < ...
- Java Web 前端资源文件的路径问题
WEB-INF是Java Web应用的安全目录,在部署时用于存放class文件.项目用到的库(jar包).Java Web应用的配置文件web.xml. 浏览器不能访问此目录下的资源,比如在WEB-I ...
- Web前端资源汇总
本文地址:http://www.cnblogs.com/jihua/p/webfront.html 网页特效库 2017新年快乐特效 CSS3+jQuery实现时钟插件 Html5入门实例" ...
- web前端学习(二)html学习笔记部分(10)-- HTML5构建应用布局和页面
1.2.25 HTML5构建应用布局和页面 1.2.25.1 HTML5在移动开发中的准则 1.尽量使用单页面开发 2.慎重选择前端UI框架 3.动画.特效使用准则(60fps) 浏览器消耗最小的 ...
随机推荐
- CMake命令之install
CMAKE_INSTALL_PREFIX Install directory used by install(). if make install is invoked or INSTALL is b ...
- uwsgi Import Error: No module named 'encodings'
https://serverfault.com/questions/558427/uwsgi-import-error-no-module-named-encodings I don't know i ...
- JavaWeb中的高级知识总结
知识结构图 文件下载 默认情况下,如果浏览器可以处理Content-Type响应头中指定数据类型,浏览器就会直接处理,比如显示出HTML页面(text/html),或者显示出照片(image/png) ...
- JavaScript详解(一)
简介: Javascript是一个脚本语言,弱类型的编程语言,简称js,被称为网站开发的行为.它的作用是增加页面特效.前后台交互以及应用于后台开发.它即可写在HTML的script标签里,也可写在外部 ...
- 致 Python 初学者们!
前言 在 Python 进阶的过程中,相信很多同学应该大致上学习了很多 Python 的基础知识,也正在努力成长.在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫.我非常理解你们所面临的处 ...
- zabbix自定义添加主机
1.安装zabbix-agent [root@web01 ~]# rpm -ivh https://mirrors.tuna.tsinghua.edu.cn/zabbix/zabbix/3.4/rhe ...
- 当年写的C代码
#ifndef KMIN_H_ #define KMIN_H_ /******************************************************************* ...
- 900B. Position in Fraction#分数位置(模拟)
题目出处:http://codeforces.com/problemset/problem/900/B 题目大意:找到一个数字在小数部分中第一次出现的位置 #include<iostream&g ...
- [CTS2019]氪金手游(容斥+树形背包DP)
降智好题.本蒟蒻VP时没想到怎么做被题面迷惑了,只会20分的“好”成绩.简直自闭了. 首先显然度为0的点是白给的,根据等比数列求和公式即可求得.然后考虑这个树如果是一颗外向树,就是每个点先父亲再自己. ...
- E. Paint the Tree(树形dp)
题:https://codeforces.com/contest/1241/problem/E 题目大意:给你一棵树,每一个点都可以染k种颜色,你拥有无数种颜色,每一种颜色最多使用2次,如果一条边的两 ...