前端的各种工具集合

转载：http://www.toutiao.com/i6454358442776723981/?tt_from=weixin_moments&utm_campaign=client_share&from=timeline&app=news_article&utm_source=weixin_moments&iid=13530889642&utm_medium=toutiao_android&wxshare_count=2&pbid=6454674625799898637

1.查看兼容性问题。

http://caniuse.com

2.CSS参考手册：http://css.doyoe.com/jQuery

3.API文档：http://www.css88.com/jqapi-1.9/

4.百度统计分析网站:http://tongji.baidu.com/data/browser

5.代码压缩/整理：

压缩工具1：http://tool.css-js.com/

压缩工具2：http://refresh-sf.com/yui/

6.JSON编辑工具：http://tools.jb51.net/tools/json/json_editor.htm

7.美化JS代码：http://jsbeautifier.org/

8.JS性能测试：http://jsperf.com

9.Google的页面加载速度分析：https://developers.google.com/speed/pagespeed/insights（用赛风或蓝灯，不懂搜下这什么工具）

10.手机端web调试Console：http://jsconsole.com/

11.CSS代码生成/库：

雪碧图制作工具：http://wearekiss.com/spritepad

12.可视化HTML5&CSS3生成工具：http://webdirections.org/tools/

13.网易的NEC(Nice Easy CSS)代码库：http://nec.netease.com/library

14.占位图：http://dummyimage.com/

15.草料二维码生成器：http://cli.im/

16.配色工具：https://kuler.adobe.com/

17.在线开发：http://jsbin.com/

时间： 2025-01-08 13:39:34

前端的各种工具集合的相关文章

前端开发工具集合

收集的一些轻量级非常实用的前端开发小工具: CSS3相关 CSS3样式生成器:http://www.css88.com/tool/css3Preview/ CSS3渐变样式生成器,类似Photoshop中的渐变界面:http://www.colorzilla.com/gradient-editor/ CSS3动画制作工具Sencha Animator:http://www.sencha.com/products/animator/ 背景色alpha透明工具:http://www.linxz.de

细说前端自动化打包工具--webpack

背景 记得2004年的时候,互联网开发就是做网页,那时也没有前端和后端的区分,有时一个网站就是一些纯静态的html,通过链接组织在一起.做网页就和用world编辑一个文档一样,只不过那个工具叫Dreamweaver.一个html页面,夹杂着css,javascript是再常见不过的事了. 随着前端的不断发展,特别是单页应用的兴起,这种所见即所得的IDE工具,就渐渐地退出了前端的主流.一个应用,通常只有一个静态页面(index.html),甚至这个页面的body只有一个或少数几个div组成.这时有

web 环境搭建00前端自动化构建工具(gulp)

web 环境搭建----前端自动化构建工具(gulp): 1----先下载安装node.js 2----然后在node.js命令行安装:npm install gulp -g (全局下载安装gulp插件) 3----然后进入到项目文件夹(命令cd 文件夹名),在项目文件夹中安装依赖文件:npm install gulp --save-dev (根据依赖文件下载gulp插件) 4----在项目文件夹目录下初始化:npm init (初始化文件) {初始化文件后项目中会出现packgae.json文

ExtJs是当今最主流的前端界面开发工具之一

摘要:ExtJs是当今最主流的前端界面开发工具之一,功能强大,外观绚丽.虽然网上的开发文档很多,但是在实际应用中仍然会遇到很多问题,本文结合企业信息化.SAP ERP等实际项目开发经验,对使用ExtJs开发做了一个梳理和总结,特别对开发中遇到的重点问题进行了详细阐述,希望能够为大家提供一些帮助.    关键词:ExtJs  IMS  RIA 作用域 id冲突 风格统一1 引言    随着互联网技术的不断发展,网站的互动性越来越强,软件从C/S到B/S,又到了B/S结构的C/S界面体验,伴随着大量

前端自动化构建工具——gulp

gulp是基于流的前端自动化构建工具. 一.环境配置 gulp是基于nodejs的,所以没有 nodejs 环境的要先去安装好 然后给系统配上gulp环境 npm install -g gulp 再到某一工程目录下 跟grunt一般,也是需要package.json包依赖文件和一个入口文件 gulpfile.js(其他名字识别不了) 然后就类似的先装上gulp npm install gulp --save-dev 最基本的使用方式是这样:(使用jshint插件校验js代码) var jshin

Android开发免费类库和工具集合

Android开发免费类库和工具集合 - OPEN 开发经验库 用于Android开发的免费类库和工具集合,按目录分类. Action Bars ActionBarSherlock Extended ActionBar FadingActionBar GlassActionBar v7 appcompat library 广告 AdMob Google Mobile Ads SDK InMobi mMedia mobileCore MoPub Tapjoy Analytics Google An

转 WEB前端性能分析--工具篇

在线网站类: WebPageTest 说明: 在线的站点性能评测网站,地址http://www.webpagetest.org/ 补充: 其实这网站也是个开源项目,所以支持自己搭建一个内部的测试站点 ShowSlow 说明: showslow是yslow的数据收集与展示平台http://www.showslow.com/,它是一个开源的php项目,可以用来与firefox的yslow插件.page speed插件或者dynatrace通信,收集插件或程序所发送过来的信息并集中展示.只需要在dyn

Apache Tika-内容解析提取工具集合(a content analysis toolkit)

简介 Apache Tika toolkit可以自动检测各种文档(如word,ppt,xml,csv,ppt等)的类型并抽取文档的元数据和文本内容.Tika集成了现有的文档解析库,并提供统一的接口,使针对不同类型的文档进行解析变得更简单.Tika针对搜索引擎索引.内容分析.转化等非常有用. 支持的文档格式 详见参见http://tika.apache.org/1.5/formats.html HyperText Markup Language XML and derived formats Mi

前端工程师开发工具 & 订阅网站

工具 ? Sublime Text ? Eclipse ? WebStorm ? NPM 调试工具:Firebug.HttpWatch.fiddler.IETester.CSS Lint.Chrome 订阅与关注: 前端周刊 码农周刊 前端乱炖 前端观察 前端开发 奇舞周刊 CNode社区 AngularJS社区 InfoQ w3cplus Startup News Hacker News Node Weekly HTML5 Weekly Stack Overflow JavaScript We