Home >php教程 >php手册 >web前端开发小工具集合

web前端开发小工具集合

WBOY
WBOYOriginal
2016-06-13 09:36:101048browse

收集的一些轻量级非常实用的前端开发小工具,以后还会不定期进行更新,现将目前收集的信息列表如下:
 
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.小可是丸子制作的一个在线代码编辑器,轻松分享代码,用于提问,测试和转发代码等,是一个方便又不错的工具: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

您可能感兴趣的文章

  • 二八原理:软件开发中的二八原理
  • 程序员做网站开发时应该注意的SEO问题
  • 分析百度索引量不断减少原因以及如何提高百度索引量
  • Js地址栏特效(显示页面内所有加链接的图片的大小和查看当前的浏览器的高度)
  • dedeCMS(织梦)网站服务器目录安全设置经验分享
  • 30岁前变富翁秘诀 内修工夫外营人脉
  • php获取客户端电脑屏幕宽度,高度,分辨率的方法
  • 程序员开发大型应用程序的技巧
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn