[转]11款有用的Web开发在线工具

作为Web开发者,我发现我非常依赖于一些在线工具。在线工具通常是易于创建和使用,并且可以使工作表现的更好、更快。

比如htaccess generator、JSON formatter。以下是我分享的一些新的、有趣的在线工具。

Font comparer

clip_image001

仅是输入一些文字,,来查看它的不同样式。

Color Explorer

clip_image002

通过ColorExplorer,你可以快速、轻松的创建、管理和评估调色,当你使用图片设计、Web设计、布局等时。

SpriteBox

clip_image003

SpriteBox是个WYSIWYG工具,来帮助Web开发者快速、轻松的创建CSS类。

Gridulator

clip_image004

Gridulator可以快速创建网格布局,在png上,帮助你进行Web布局。你会发现photoshop都不顶用的功能。

Markup.io

clip_image005

Markup可以让你通过一组工具在任何的网页上勾画等简单编辑,来表达你的想法。然后你可以通过书签工具栏来在任何时候掉使用它。

Spritebaker

clip_image006

一款针对web开发者和设计师的免费工具。它解析你的css,通过外部媒体“baked”返回一个副本,作为Base64编码数据集。消耗Http请求的时间将大量缩减,大量提升速度(服务器端必须gzip压缩)。

ProCSSor

clip_image007

高级CSS“美化师”,通过严格的方式格式化CSS。 将你的CSS转化为更引人注目的东西,只需一点点的努力。

Minus

clip_image008

拖曳的快速分享工具。

CopyPaste Character

clip_image009

复制、粘贴Web特殊字符的工具。

Name Check

clip_image010

检查你想要的昵称是否能注册的工具,支持数十个流行的社交网站。通过namechk找到最佳用户名。

Scrim

clip_image011

转化email地址为短域名,你可以在各类网站分享它,并且可以规避暴漏邮箱地址,而导致垃圾邮件泛滥。

原文:http://www.queness.com/post/7018/11-useful-online-tools-for-web-development

Delicious Bookmarks 插件不支持FireFox 4的解决方法

Firefox 4 正式版已经出来一个星期了,大部分插件都能正常运行,唯独这个 Delicious Bookmarks 死活不更新,硬是和新版的FireFox不兼容。而且这插件还是Yahoo!官方出品,效率怎么那么低啊~~

平时用惯了Delicous做为书签收藏,一下用不了,还真不习惯。于是想想办法看能不能手动修改下,方便支持FireFox,Google了一番,方法还是有滴,而且还很简单。

1、Win+R ,调出“运行”框来,也可以点屏幕左侧“开始”菜单,找到运行框。

2、输入 %appdata% 按回车。

3、接下来就开始找以下文件了。\Mozilla\Firefox\Profiles\0fqblg0m.default\extensions\{2fa4ed95-0317-4c6a-a74c-5f3e3912c1f9}\install.rdf

其中0fqblg0m.default 这个文件夹的0fqblg0m应该是随即生成的,可以根据自己电脑去看(Profiles下就只有一个XXXX.default文件)

4、记事本打开install.rdf,把第四行

em:maxVersion=”4.0b3pre” />

改为

em:maxVersion=”4.0″ />
然后重启FF,就可以使用啦。

工作总结

平时的一些积累,遇到的一些问题,通过不断的总结,才能逐步提高。

1、在小行高下文字无法真正垂直居中。

之前在做TX面试题的时候,也遇到了这个问题,当时在IE8下,设置

height:15px; line-height:15px;background:#F00

IE8下,明显没有居中,字体偏上了。之后通过设置字体为“宋体”解决了。
搜索了下发现这篇相关的文章,分享之:小字体小行高兼容性分析及差异解决办法