web前端开发小工具集合
收集的一些轻量级非常实用的前端开发小工具,以后还会不定期进行更新,现将目前收集的信息列表如下:
CSS 3相关
1.CSS3样式生成器:http://www.css88.com/tool/css3Preview/
2.CSS3渐变样式生成器,类似Photoshop中的渐变界面:http://www.colorzilla.com/gradient-editor/
3.CSS3动画制作工具Sencha Animator:http://www.sencha.com/products/animator/
4.背景色alpha透明工具:http://www.linxz.de/demo/hex_change.html(IE滤镜须是在一个有宽高设置的容器中,或者激活haslayout的属性。具体介绍:http://blog.linxz.de/ie_filter_css3_rgba/)
Data URI
1.Encode Data URL(舜子开发的)http://www.css88.com/tool/DataURL/
转码工具
1.unicode转换工具:http://www.css88.com/archives/2093
2.encode转换工具:http://labs.pufen.net/views/convert_encoding.php
http://www.css88.com/tool/encode/convert_encoding.php
在线代码编辑器
1.小可<Little Code />是丸子制作的一个在线代码编辑器,轻松分享代码,用于提问,测试和转发代码等,是一个方便又不错的工具:http://code.wanz.im/
2.CodeBox:http://box.linxz.cn/
Javascript相关
1.html结构转换成用+相连的js换行字符串工具:http://www.html-js.com/my-js/version0.0.1/tool/html2string.html
2.JS压缩工具 :http://www.css88.com/tool/ysjs/
3.JavaScript 格式化工具:http://www.css88.com/tool/js_beautify/
CSS相关
1.css属性排序工具:http://www.html-js.com/my-js/version0.0.1/tool/css-format.html
2.CSS整形和优化工具:http://www.css88.com/tool/csstidy/
其他相关工具
1.PNG压缩网站:http://www.gracepointafterfive.com/punypng/
2.【FF插件】图片压缩工具Smush it:http://www.css88.com/archives/1201
3.截图,取色,量尺寸,屏幕录制工具(FastStone Capture):http://www.css88.com/archives/1096
4.ajax loading 图标在线制作及收藏:http://www.css88.com/archives/1182
转载自:http://u.cxyblog.com/22/article-aid-685.html
web前端开发小工具集合相关推荐
- Web前端开发必备工具推荐
http://gaohaixian.blog.163.com/blog/static/12326010520114265223489/不管你做前端开发还是网页重构,前端工具都起着非常重要的作用,这里向 ...
- 前端开发小工具SuperApp——Ctrl+S自动刷新浏览器
推荐前端开发中一个小工具SuperApp,灰常好用,前端开发的童鞋们,走过路过不要错过啊! 使用SuperApp后,在编辑器中更新页面资源(html,js,css)时,只需按Ctrl+S,浏览器会自动 ...
- 关于WEB前端开发的工具
俗话说:"工谷善其事,先必利其器."一个用得顺手的工具,确实能为我们的开发带来方 便,更重要的是会让我们更加享受工具开发过程中所带来的乐趣. 1.编码工具: 记事本之类的编辑器都可 ...
- 前端开发小工具的使用(FSCapture、Chrome、Emmet语法、IDEA自动格式化代码、Snipaster)
目录 1. FSCapture 2. Chrome 3. Emmet语法 3.1 HTML部分 3.2 CSS部分 4. IDEA自动格式化代码 5. Snipaster 6. photoshop 6 ...
- web前端开发小助手
1.css: 以下是横向滚动和隐藏横向滚动条,移动端浏览器基本都是webkit内核,所以兼容性不用考虑 <!DOCTYPE html> <html><head>&l ...
- 好程序员web培训简述web前端开发工具有哪些
好程序员web培训简述web前端开发工具有哪些,随着互联网技术的发展,用户对于web网页的依赖性越来越重,这对于web前端开发工程师的要求也在不断提高.作为开发者来说,开发工作需要依赖很多开发工具的协 ...
- 表单html遇到的问题及处理,Web前端开发中常见问题及解决方案
Web前端开发中常见问题及解决方案 时间:2017-04-24 来源:web前端开发小赢家 作为一名web前端开发工程师,我们在工作时免不了会遇到各种各样的问题.因为web前端开发相对于Jav ...
- 超级棒的170+款web前端开发工具汇总,千万要收藏好!
作者:web前端开发 我们与企业内部的Web开发团队进行了很多次交流,研究了很长时间,最后将Debug工具与Web前端开发工具整理汇总在了一起,这些工具对每个Web开发人员都非常有用. 这些工具将使您 ...
- angularjs 开发流程_超级棒的30款web前端开发工具汇总,一定要收藏!
我们与企业内部的Web开发团队进行了很多次交流,研究了很长时间,最后将Debug工具与Web前端开发工具整理汇总在了一起,这些工具对每个Web开发人员都非常有用. 这些工具将使您的工作更加轻松,特别是 ...
最新文章
- 阿里云弹性计算-图形工作站(公测)发布
- C++异常 返回错误码
- VC++编译zlib
- 【转】理解JavaScript中的事件处理
- 在 Java 中初始化 List 的五种方法
- 55个好习惯可令世界更美好(2)
- mfc ajax爬虫,另辟蹊径,爬取Ajax数据内容
- python定时器及数据库操作
- 项目需求:基于微信平台的拼团活动系统
- HTML5div css入门案例,div+css教学教案(学习入门到精通~)详细讲解.doc
- 幂的后三位相同 详解(C++)
- Git 查看本地分支关联的远程分支 git branch -vv
- 计算机二级试题java_计算机二级java精选试题及答案
- CentOS配置国内(阿里云)镜像加速器
- 使用 SnakeYAML 操作 YAML 数据
- K480N解决安装win10键盘失灵的方法
- python中“羊车门问题”的简单分析与代码实现
- 利用Python+opencv进行视频文件的读取和保存,打开笔记本摄像头拍照保存、图像在窗口显示等操作
- Microsoft Office Word 2007 文档结构图突然变小的解决办法
- 阿里开发者们的第11个感悟:我们不一定知道正确的道路是什么,但却不要在错误的道路上走的太远...
热门文章
- 软件工程大作业——在线零食销售系统
- js运行后自动刷新页面的问题
- Broadbandits 网络盗匪 | 经济学人中英双语对照精读笔记
- 零编程制作疫情全国行政区地图,理性看待各地疫情防控减码
- 第二章 编写MBR主引导记录
- SSM毕设项目学生社团管理系统pyl5z(java+VUE+Mybatis+Maven+Mysql)
- vue导出excel模板
- 页面请求方法参数最长_url传值的长度限制解决办法
- STEP 7-MicroWIN SMART软件在打开时报错“软件停止”以及界面显示“???”的解决办法
- 计算机多媒体从时效分,多媒体技术基础大学计算机基础课件.ppt