Posts tagged “tools”
SmartSprites – 命令行形式的CSS Sprites生成器
SmartSprites（http://csssprites.org/）是一个基于java开发的命令行形式的CSS Sprites生成器。它根据CSS文件中的特别注释自动合成图片，然后自动替换原来的图片，最后生成一个新的CSS文件。显然比手工上传、下载，再手工修改CSS方便多了。 它可以指定生成－个或多个sprites图片，要合并哪些图片也是由你指定的。这一点要比SpriteMe（http://spriteme.org/）好。SpriteMe本身不是开发阶段的工具。 简单介绍一下怎么用： 环境要求：JRE 1.5＋。java -version 试一下。 Step1: 下载文件包（目前最新版是0.2.6，http://csssprites.org/download.html?v0.2.6） Step2: 解压到任意目录。smartsprites-0.2.6下的文件： windows下用的 － smartsprites.cmd linux下用的 － smartsprites.sh Ant的配置示例 － build.xml 建议先修改smartsprites.sh（windows下改smartsprites.cmd），找到这行： java %OPTS% -Djava.ext.dirs=lib org.carrot2.labs.smartsprites.SmartSprites 将lib改成绝对路径。 Step3: 正常写CSS。比如，有这么一段： .item1,.item2,.item3,.item4,.item5 { padding:2px 20px;margin-bottom:10px;border:1px solid #7D94CC;background:#A6ADFF no-repeat right; } .item1 { background-image:url(../icons/feed_add.png); } .item2 { background-image:url(../icons/feed_delete.png); } .item3 { background-image:url(../icons/feed_edit.png); } .item4 { background-image:url(../icons/feed_link.png); } .item5 [...]
好用的命令行工具
整理一下我现在用的命令行工具。各有优缺点，混搭着用。同时，也可以编进Ant里。 压缩： YUICompressor 支持JS和CSS 下载：http://yuilibrary.com/downloads/#yuicompressor 文档：http://developer.yahoo.com/yui/compressor/ 快速上手： java -jar yuicompressor-x.y.z.jar myfile.js -o myfile-min.js –charset utf-8 Closure Compiler 不支持CSS文件压缩 下载：compiler.jar 文档：http://code.google.com/closure/compiler/docs/overview.html 要求：JRE 1.6 快速上手： java -jar compiler.jar –js myfile.js –js_output_file myfile-min.js 相关介绍：http://hikejun.com/blog/?p=476 支持多个文件合并： java -jar compiler.jar –js myfile-1.js –js myfile-2.js –js_output_file myfile-min.js 合并： Combiner 下载：http://github.com/nzakas/combiner/downloads 文档：http://www.nczonline.net/blog/2009/09/22/introducing-combiner-a-javascriptcss-concatenation-tool/ 快速上手： java -jar combiner-0.0.1.jar -v -o myfile.js *.js java -jar [...]
Mac下用Closure compiler
Closure compiler是google前端开发的javascript代码压缩工具。 首先安装closure compiler: http://code.google.com/closure/compiler/docs/gettingstarted_app.html 执行时，报”java.lang.UnsupportedClassVersionError:Bad version number in .class file” 错，这是由于编译的jre跟我本机的jre版本不同。但用mac的software update升级最高只能升到1.5，还是报错。经百般搜索之后，发现这篇文章： http://blog.adsdevshop.com/2008/02/26/installing-the-jdk-16-on-mac-os-x/ 原来这个soylatte就是jdk 1.6。解压缩后，需要改环境变量$PATH，改的方法： cd ~/ vim .profile . ./.profile 然后试一下： java -version java version “1.6.0_03-p3″ Java(TM) SE Runtime Environment (build 1.6.0_03-p3-landonf_03_feb_2008_02_12-b00) Java HotSpot(TM) Server VM (build 1.6.0_03-p3-landonf_03_feb_2008_02_12-b00, mixed mode) 成了。试一下closure compiler: java -jar ~/library/closure-compiler/compiler.jar –help 不报错了。看看压缩的效果： java -jar ~/Library/closure-compiler/compiler.jar –js yui.js –js_output_file yui-min.js [...]
Chrome的命令行调试工具-Javascript Debugger
原文http://d.hatena.ne.jp/Syunpei/20080904/1220500815这篇文章介绍的很清楚了。喜欢用命令行的爱用这个，挺有意思的 别名 命令 b break bi break_info br break bt backtrace c continue f frame h help ? help s source n next p print s step so stepout 我译了一下他的演示过程： JavaScript Debugger attached to a. html $ b reverseDisplay <———- reverseDisplay方法设置断点 set breakpoint # 2 $ bt <———- back trace显示(onclick → reverseDisplay了解被执行的情况) Frames # 0 [...]
Editra
这款编辑从features上看挺不不错的（http://editra.org/index.php?page=preview）。代码缩放(Ctrl+’+’/Ctrl+’-’)，文件浏览器，窗体透明……等功能还是比较炫的。比VIM更图形化，尤其提供Vi仿真，虽然只支持部分Vi命令(http://editra.org/index.php?page=doc&doc=vi_emu)。通过，”编辑 > 配置 > 文档 > 代码”选择”启用Vi仿真”。同时editra的网站上还提供一些其他插件。
Unicode Code Converter v6
各种unicode编码转换的库，相当牛！http://rishida.net/scripts/uniview/conversion
Firefox Add-ones List
my list Firebug Y!Slow Vimperator Screengrab WebDeveloper Delicious Colorzilla AccessFlickr gTranslate LiveHttpHeaderUbiquity(https://wiki.mozilla.org/Labs/Ubiquity) GridFox(http://www.puidokas.com/portfolio/gridfox/) Jiffy(firebug plug-in) no more, these just fine.
从图片中提取颜色的小工具
src=”http://listenpro.files.wordpress.com/2009/06/1170125786-hr-67.jpg” http://www.pic2color.com/xindex.php 非常实用，好用。随便帖个图片URL或随机Flickr中找一张图片，就能分析出所有颜色，有意思