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) 浏览器消耗最小的 ...
随机推荐
- MVPR下的PHP分页教程
这个PHP分页其实不难,现在就开始看看核心思路吧. 我习惯从最底层开始看起. 1. 首先用LIMIT偏移QUERY的指针 /* * get hot post by current page * @pa ...
- 最新版Navicat Premium激活,附激活工具
再次申明:Navicat Premium为收费软件,请勿商用,如有侵权,请联系我删除. 注意事项:1.运行注册机时最好关闭电脑的杀毒软件:2.运行注册机请断网,无需将注册机放到Navicat Prem ...
- 实现Action
实现Action 对于开发者来说,Action才是应用的核心,开发者需要提供大量的Action类,并在Struts.xml文件中配置Action.Action类中包含了用户请求的处理逻辑,Action ...
- Struts 2 的常规配置
Struts 2 的默认配置文件是struts.xml,该文件应该放在Web应用的类加载路径下,通常就是放在WEB-INF/classes路径下. struts.xml文件的最大作用是配置Action ...
- Java 工厂模式登陆系统实现
没有工厂模式 设定一个登陆系统 UserServiceImp.java public class UserServiceImp { public boolean login(String userna ...
- python全局灰度线性变换——自由设定图像灰度范围
全局线性变换的公式是s = (r-a)*(d-c)/(b-a)+c,其中a.b是原图片的灰度最小值和最大值,c.d是变换后的灰度值的最小值和最大值.r是当前像素点的灰度值,s是当前像素点变换后的灰度值 ...
- python图像处理常用方法
在线标注网站 https://gitlab.com/vgg/via http://www.robots.ox.ac.uk/~vgg/software/via/via.html 数组与图像互转 from ...
- iOS帅气加载动画、通知视图、红包助手、引导页、导航栏、朋友圈、小游戏等效果源码
iOS精选源码 如丝般顺滑的微信朋友圈(点赞,评论,图文混排表情,... 动态菜单第三版本:动态项,自适应方向 仿appstore首页滚动效果 iOS 透明导航栏方案 TransparentNavig ...
- scp 碰到的问题
将 nodejs 的全局目录scp复制到另外一台机器部署代码, 发现运行报错, 提示缺少依赖模块. 检查了很久, 没发现问题. 后来发现,软链接 scp后不再是软链接而是对应文件, 导致相对路径改变!
- Python字典基础