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

web前端开发小工具集合

WBOY
WBOY原創
2016-06-13 09:36:101054瀏覽

收集的一些轻量级非常实用的前端开发小工具,以后还会不定期进行更新,现将目前收集的信息列表如下:
 
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获取客户端电脑屏幕宽度,高度,分辨率的方法
  • 程序员开发大型应用程序的技巧
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn