任鸟飞网页设计博客-关注网页设计、网站开发、图形图像设计、互联网趣味信息及搜素引擎的IT原创博客 » 工具

网站开发压缩工具收集整理

任鸟飞 — Tue, 13 Jul 2010 08:09:44 +0000

影响网站打开时间有两个因素，一个是网页加载速度，另一个是网站页面的大小。网站加载速度与用户所处的网络环境及主机性能有关，而网站页面的大小则由网站开发者决定。本文的重点就是如何压缩网站页面，以减少页面加载时间。

1. 图片压缩

相对与文本来说，图片是相当占用空间的。压缩图片是重中之重。

图片压缩工具推荐：

2. Javascipt 压缩

为了增加页面的交互性及动画效果，很多页面大量使用 Javascript ，特别是 Jquery。

推荐工具：

3. CSS 压缩

由于 CSS 代码有很多缩写，所以使用压缩工具压缩一下，能大大的降低CSS文件的大小。

推荐工具：

4. HTML 压缩

推荐使用 Dreamweaver 的清理工具。

附：Google Chrome 插件 —— 网页加载速度分析工具 Speed Tracer (by Google)

8款 CSS3 代码生成器工具

任鸟飞 — Thu, 13 May 2010 14:55:05 +0000

这里收集了8款CSS3代码生成器工具，使用CSS3代码生成器能够快速准确的生成相应的CSS3代码，达到事半功倍的效果。

CSS3 Please!
兼容多浏览器 CSS3代码生成器，支持： border-radius， box-shadow， gradient(linear)， rgba colors， transform (rotate)， transition 和 @font-face。
CSS3 Generator
支持 border radius， box shadow， text shadow， RGBA， @font-face， multiple columns， box resize， box sizing 和 outline。
CSS3 Sandbox
支持 Linear Gradients， Radial Gradients，Text Shadows， Box Shadows，Transforms 和 Text Stroke。
@font-face Generator
快速生成 CSS3 @font-face 。
CSS3 Gradient Generator
CSS3颜色渐变代码生成器—— 基于Mozilla和 WebKit 内核浏览器。
CSS Border Radius
CSS3 边框圆角代码生成器—— 基于Mozilla和 WebKit 内核浏览器。
Webkit CSS3 Generator
生成基于Webkit内核浏览器的CSS3代码。
CSS3 Learning Tool
动态获取当前浏览器类型，并根据当前浏览器类型生成对应的CSS3代码。

平面交互广告单元尺寸指南

任鸟飞 — Mon, 26 Apr 2010 12:45:06 +0000

为了降低广告商（Advertiser）制作广告的成本，同时提供一个标准惯例供出版商(Publisher)参考，以便在页面布局过程中有规可循，Interactive Advertising Bureau (IAB) （美国互动广告局）评估并推出广告单元尺寸指南。

矩形广告位

	文件大小限制	动画时长限制
300 x 250 IMU – （中等矩形）	40k	:15
250 x 250 IMU -（方形）	40k	:15
240 x 400 IMU – （竖直矩形）	40k	:15
336 x 280 IMU – （大矩形）	40k	:15
180 x 150 IMU – (小矩形）	40k	:15
*NEW* 300×100 IMU – （3:1 矩形）	40k	:15
*NEW* 720×300 IMU – （超大矩形）	40k	:15

横幅和按钮形式广告位

468 x 60 IMU – （横幅）	40k	:15
234 x 60 IMU – （小横幅）	30k	:15
88 x 31 IMU – （微横幅）	10k	:15
120 x 90 IMU – 按钮1）	20k	:15
120 x 60 IMU -（按钮 2）	20k	:15
120 x 240 IMU – 竖直）	30k	:15
125 x 125 IMU – 方形按钮）	30k	:15
728 x 90 IMU -（Leaderboard）	40k	:15

摩天大楼形式广告位

160 x 600 IMU – （横摩天大楼）	40k	:15
120 x 600 IMU – （摩天大楼）	40k	:15
300 x 600 IMU -（半页面）	40k	:15

注：

加粗部分代表通用广告位尺寸
尺寸单位：px
时长单位为：s

反解短网址利器-Untiny

任鸟飞 — Mon, 26 Apr 2010 08:45:34 +0000

Tiny url（短网址）熟悉吧，今天要介绍的是Untiny（反解短网址），顾名思义就是把短网址还原成原本的网址，让我们在点击短网址之前先了解一下短网址链接的大体内容。

短网址服务可以提供一个非常短小的URL以代替原来的可能较长的URL，将长的URL地址缩短。用户访问缩短后的URL时，通常将会重定向到原来的URL。短网址在Twitter等一些每条消息有字数限制的微博客及其他社交网络中有广泛的使用。
短网址尽管好处多多，但有先天的缺陷，那就是短网址生成的URL往往很不规则，看起来像乱码一下，短网址背后到底链接到哪里我们无从知晓。更为严重的是很多病毒程序和木马网页都潜伏在网址里。

Untiny除了通过网页提供反解短网址的服务之外，还提供了API供开发人员使用，并开发整理了一些常用浏览器的插件，让我们可以更方便地解决短网址可能造成的问题。

反解短网址：

http://www.untiny.com/

Untiny 支持的短网址服务：（共229个）

.tk, 1u.ro, 1url.com, 2pl.us, 2tu.us, 3.ly, a.gd, a.gg, a.nf, a2a.me, abe5.com, adjix.com, alturl.com, atu.ca, awe.sm, b23.ru, bacn.me, bit.ly, bkite.com, blippr.com, blippr.com, bloat.me, bt.io, budurl.com, buk.me, burnurl.com, c.shamekh.ws, cd4.me, chilp.it, chs.mx, clck.ru, cli.gs, clickthru.ca, cort.as, cuthut.com, cuturl.com, decenturl.com, df9.net, doiop.com, dwarfurl.com, easyurl.net, eepurl.com, eezurl.com, ewerl.com, fa.by, fav.me, ff.im, fff.to, fhurl.com, flic.kr, flq.us, fly2.ws, fuseurl.com, fwd4.me, gl.am, go.9nl.com, go2.me, golmao.com, goo.gl, goshrink.com, gri.ms, gurl.es, hellotxt.com, hex.io, href.in, htxt.it, hugeurl.com, hurl.ws, icanhaz.com, icio.us, idek.net, is.gd, it2.in, ito.mx, j.mp, jijr.com, kissa.be, kl.am, korta.nu, l9k.net, liip.to, liltext.com, lin.cr, linkbee.com, liurl.cn, ln-s.net, ln-s.ru, lnkurl.com, loopt.us, lru.jp, lt.tl, lurl.no, memurl.com, migre.me, minilien.com, miniurl.com, minurl.fr, moourl.com, myurl.in, ncane.com, netnet.me, nn.nf, o-x.fr, ofl.me, omf.gd, ow.ly, oxyz.info, p8g.tw, parv.us, pic.gd, ping.fm, piurl.com, plurl.me, pnt.me, poll.fm, pop.ly, poprl.com, post.ly, posted.at, ptiturl.com, qurlyq.com, rb6.me, readthis.ca, redirects.ca, redirx.com, relyt.us, retwt.me, ri.ms, rickroll.it, rly.cc, rsmonkey.com, rubyurl.com, rurl.org, s3nt.com, s7y.us, short.ie, short.to, shortna.me, shoturl.us, shrinkster.com, shrinkurl.us, shrtl.com, shw.me, simurl.net, simurl.org, simurl.us, sn.im, sn.vc, snipr.com, snipurl.com, snurl.com, sp2.ro, spedr.com, starturl.com, stickurl.com, sturly.com, su.pr, takemyfile.com, tcrn.ch, thrdl.es, tighturl.com, tiny.cc, tiny.pl, tinyarro.ws, tinytw.it, tinyurl.com, tl.gd, tnw.to, to.ly, togoto.us, tr.im, tr.my, trcb.me, tumblr.com, tw0.us, tw1.us, tw2.us, tw5.us, tw6.us, tw8.us, tw9.us, twa.lk, twi.gy, twit.ac, twitthis.com, twiturl.de, twitzap.com, twtr.us, twurl.nl, u.mavrev.com, u.nu, ub0.cc, updating.me, ur1.ca, url.co.uk, url.ie, url.inc-x.eu, url4.eu, urlborg.com, urlbrief.com, urlcut.com, urlhawk.com, urlkiss.com, urlpire.com, urlvi.be, urlx.ie, uservoice.com, ustre.am, virl.com, vl.am, wa9.la, wapurl.co.uk, wipi.es, wkrg.com, wp.me, x.hypem.com, x.se, xeeurl.com, xr.com, xrl.in, xrl.us, xurl.jp, xzb.cc, yatuc.com, ye-s.com, yep.it, yfrog.com, zi.pe, zz.gd

Twitter认证用户大收集

任鸟飞 — Sun, 11 Apr 2010 09:21:21 +0000

如果你看到某个twitter用户旁边有一个蓝色的，则代表此用户经过twitter认证，其信息代表真实的个人信息。

每个twitter用户都可以申请 Twitter 认证 , 但到目前为止，twitter只接受一些重要且知名用户的申请。

Twitter认证用户列表

所有经过Twitter认证的用户都会在此列表中显示出来。

Verified’s lists 认证用户分类别表

中国区twitter认证用户

1. kaifulee 李开复
2. DalaiLama 达赖喇嘛
3. EyeOfJackieChan 成龙
4. YaoMing 姚明
5. cocolee117 李玟

你可许还感兴趣：

6. THE_REAL_SHAQ 大鲨鱼.奥尼尔
7. the_real_nash 纳什
8. BillGates 比尔盖茨
9. BarackObama 奥巴马
10. Schwarzenegger 施瓦辛格

以上内容由 @renniaofei 整理，感谢 @noonewebdesign 提供数据。

超强 CSS3 代码生成器

任鸟飞 — Sun, 11 Apr 2010 09:20:58 +0000

CSS3新增了大量特性，例如Border Radius、 Box Shadow 、Text Shadow、 RGBA 、@Font Face 、Multiple Columns、 Box Resize、 Box Sizing 、Outline、 Selectors、 Gradients 。利用CSS3 Generator 代码生成工具即可轻松实现CSS3代码的自动生成，是网页设计师“居家旅游”的必备工具。

CSS3 代码生成器：CSS3 Generator

Ipage美国虚拟主机评测

任鸟飞 — Sun, 04 Apr 2010 10:22:24 +0000

iPage是一个网络解决方案供应商，提供一站式的网页设计，网站开发和托管服务。当然也包括电子邮箱托管，域名注册，电子商务，以及网络营销等。Ipage机房位于美国，相对国内而言，其整体互联网环境要好的多，从长远来说，建议将网站及域名放到美国。

Ipage虚拟主机总体评测

主机功能	规格
磁盘空间	不限
流量	不限
域名绑定	不限
免费域名	Yes
CGI-BIN	Yes
SSI	Yes
FTP	Yes
Frontpage Extensions	Yes
Free Site Builder	Yes

软件/插件	规格
Perl5	Yes
PHP 4 & 5	Yes
MySQL 数据库	不限
Ruby/Ruby on Rails	Yes
Java script/DHTML	Yes
Python	Yes
WordPress	Yes
GBook	Yes
Message Forum	Yes

付款方式：信用卡或 Paypal

Ipage服务非常好，提供了在线Live Chat，客服很及时，服务很热情。并且iPage 承诺，所有提交的问题都会在2分钟以内响应。

更值得一提的是购买 ipage 主机可以随时要求退款，30天内退全款，超过30天的话，会根据你已使用的天数退还剩余部分，这在主机商中是十分罕见的，也是他们对自己的主机有信心，同时也保证了他们会提供一如既往的优质服务。

只需要3.5$/Month就能购买都如此优质的虚拟主机，不限流量，不限空间，而且还免费赠送一个域名，可以绑定多个网站。相比较国内的虚拟主机提供商，动不动就上万元，而且还附有诸多限制，选择国外虚拟主机，是个很明智的选择。

iPage 官方网站： http://ipage.com

网页设计师必备的10款Goolge Chrome浏览器扩展程序

任鸟飞 — Fri, 19 Mar 2010 13:41:28 +0000

Google Chrome浏览器注重提升稳定性、速度和安全性，并创造出简单且有效率的用户界面，而且开放API，提供了大量的扩展程序。

这里搜集了10款网页设计师必备的Google Chrome 扩展程序，方便网页设计师检查、分析、及快速解决与网页设计相关的问题。

1. 颜色拾取器 – Eye Dropper

2. 内置网页开发工具 – Pendule

3. 网页加载速度分析工具 – Speed Tracer (by Google)

4. 短网址 – goo.gl URL Shortener

5. 网页截图 – Webpage Screenshot

6. IE 浏览器选项卡 – IE Tab

7. 编辑、检查、调试 Html、CSS、 Javascript - Firebug Lite

8. 不同分辨率下网页的显示效果 – Resolution Test

9. 测量网页元素的长宽 – MeasureIt!

10. 在线Aviary 图像编辑工具 – Aviary Screen Capture

各种文件在线查看及格式转换

任鸟飞 — Sun, 14 Mar 2010 16:14:42 +0000

DocsPal是一款在线即时文档格式转化及文件查看工具，可以转化各种文档、图像、归档文件。

下面列出的文件格式可以相互转换：

网站预览：

网站链接：http://www.docspal.com/

WP Google buzz – WordPress 插件

任鸟飞 — Sat, 20 Feb 2010 15:59:31 +0000

很多博客和网站充分利用微博客和社交网络服务来推广自己的网站，而此前Google正式对外推出了基于Gmail的 Google Buzz，我们可利用Google Buzz与Gmail好友分享精彩的网站内容并推广自己的网站或博客。

WP Google buzz插件将Google Buzz 整合到Wordpress中。

WP Google buzz插件下载地址： http://downloads.wordpress.org/plugin/wp-google-buzz.1.4.1.zip

安装及使用请参考：http://wordpress.org/extend/plugins/wp-google-buzz/

WP Google buzz 插件控制面板：