15个网页设计者最好知道的利器

分类:望尽天涯路 | 作者:观尔腾 | 发表于2011/03/17

以下是来自国外的牛博catswhocode的一篇关于网页设计工具的文章,本人觉得很有价值,现在翻译出来给大家做一个参考,也希望国内这种类似的功能设计网站能越来越多。

qise

以下是原文:

建立的好的网站不是一件容易的事情,但尽管如此,我们这里还是向大家介绍几个工具让你在网页设计的时候省力点,在这篇文章中,我已经汇总了15篇特别有用的网站,我认为,任何网页设计者和维护人员都应该好好收藏。

ColorCombos

 

colorcombos
当你设计一个网站的时候,其中一个最重要的步骤就是要选择一个配色方案。

这个网站将能让你阅览到成千上万的不同的颜色搭配,从而为了你网站配色增添灵感。值得注意的是,配色方案是可以按颜色在线浏览的。
Visit colorcombos.com(访问点此)

LIpsum

Lorem Ipsum标准文本的大名谁人不知,,谁人不晓(本人就不是很清楚,看来OUT了,据说是一个用来查看排版效果的拉丁文段落,从15世纪起就开始广泛应用了,而且以其开头Lorem Ipsum为名),这个文本能给全世界的网站建设者呈现一种真正的文段效果。

Lipsum.com 将允许你快速创建一些自定义段落数的Lorem Ipsum自然段。
Visit LIpsum.com(访问点此)

What the font?

如果你刚看到了一个特殊的字体让你欲罢不得,那么如果你也想用这样的字体的话,即使不知道这个字体的名字,你也能够通过这个What the font的服务来省去花费数小时的时间。

What the font将能让你可以上传一个含有字体的标志或者图像,然后再告诉你结果。
Visit What the font(访问点此)

ConvertIcon

收藏夹图标对于任何网站来说都是不可或缺的,最主要的原因在于现在的浏览器,例如火狐,收藏夹图标能随网站的名字附加上去。当然它也能用之收藏夹中。

收藏夹图标可以有不同的文件格式,包括现在流行的.png。现在唯一的问题就是IE对.png的兼容性,然而所幸的是有一款免费的在线生成图标的服务(ConvertIcon),它将允许你上传图片并且返回一个.ico文件,这样就可以解决和其他浏览器的兼容性问题了。
Visit ConvertIcon(访问点此)

BgPatterns

现在花纹式的背景图案无疑是网页设计趋势之一。

BgPatterns.com,你可以浏览海量的花纹图案并免费用在网页设计上面。
Visit BgPatterns(访问点此)

HTML Encoder

如果你需要在自己的网站上展示自己的代码的话,那么你很可能知道这将会有多麻烦。事实上你不得不敲入type &lt; to display <. 那么如果你所要展示的代码高达50行的话,那么这也就够你忙了。

HTML Converter能让你只需提供代码就可以为您返回转换后的HTML实体,这将会很有帮助。
Visit HTML Encoder(访问点此)

Xenocode Browsers

我个人认为,Xenocode浏览器乃测试网站是一个很NB的最终浏览器,它可以测试你的网站在不同浏览器的展示效果。Xenocode允许你从网上直接加载IE6、IE7、IE8、Firefox 2、Firefox 3、Google Chrome以及Opera。唯一的缺点则是:对于Macs和GNU/Linux的PC服务支持度太低。
Visit Xenocode browsers(访问点此)

Test Everything

你是否曾经希望能够在不同的浏览器中测试你的设计并顺便能在同一个地方测试页面的页面排名(PageRank),甚至是想检验自己代码对于标准的兼容性?

如果这样的话,那么Test Everything 将会是个很好的网站。这个网站汇集了超过100个不同的工具,并且将允许你可以测试网页上的任何东西。
Visit Test Everything(访问点此)

Sprite Generator

CSS Sprites(样式表贴图定位)是一项很好的技术,主要是因为它可以减少HTTP请求的数目。然而,这样的样式表贴图定位需要一定的时间和专业的技术,这就让一些新手发现这种样式表贴图定位技术很难上手。

然而这种令人高兴的Sprite generator 将让你可以发送一个含有图像文件的zip压缩文件,然后返回给你一个结合了
样式表贴图定位的图片的源代码,更不可思议的是,它还可以帮助你将CSS代码页生成出来,你只需要粘贴就可以了。

Visit Sprite Generator(访问点此)

Buttonator

对于任何一个专业的博客或者网站来说,如果没有这个意识,或者是没有时间来创建一些酷酷的按钮,那么Buttonatoer作为一个先进的按钮生成器将让你免费使用。
Visit Buttonator(访问点此)

Load Impact

多少个流行网站出现在如Digg或Stumble的首页上时,你曾看过它们是处于宕掉状态的?

这款免费的Load Impact 服务将允许你对自己的网站进行各种不同流量的冲击测试。WpWebHost托管的网站的结果很出色。
Visit Load Impact(访问点此)

IconFinder

好看的图标是任何一个专业的网站所不可或缺的。网络上有很多好看而免费的图标,因此IconFinder那帮家伙决定创建一个免费的图标汇集点供你设计选择。无疑的是,在这里你可以很轻易地在短时间内找到你想要的东西。
Visit IconFinder(访问点此)

TypeTester

测试设计中的字体显示效果有时候是一件很挑剔的行为,但是令人高兴的是,TypeTester将允许你测试字体并且展示其属性的显示效果,从而大大节省你的时间。
Visit TypeTester(访问点此)

CSS Tidy

即使是高级开发人员也需要经常去优化他的CSS代码。CSS Tidy是一个免费的在线应用服务,它可以帮助你修正CSS代码里的错误并且优化他们。例如,它可以自动监测到冗余的样式已经一些常见的CSS代码错误。

这里有非常多的设定,可以帮助你实现想要的效果。
Visit CSS Tidy(访问点此)

Contact Forms Generators

对于任何一个网站来说,表单都是一个非常重要的一部分,因为它将允许你的读者或用户和你进行交互,通过利用Contact Forms Generator,你可以得到生成的PHP,ASP甚至Perl代码,这些都会发送到你的电子邮件中,并且为你创建表单节省宝贵的时间。

通过Contact Forms Generator,你甚至不需要知道一点编程技巧。

Contact Form Generator(访问点此

标签:

日志信息 »

« »
目前盖楼 (16)层:
  1. 王远洲 說:

    好资源,以后有好东西都分享给协会的同学们吧,从上次的交流会来看协会的会员对于获取知识的来源还是有所欠缺的。

  2. 绝版黑色 說:

    :?: 你也换这个主题了? 貌似17就是这个主题.

  3. 飞猪 說:

    换衣服了啊,更清爽了

  4. Leyeang 說:

    哈哈,换主题后第一次过来拜访。
    图片显示的好慢~

  5. 学夫子 說:

    我是没有建立过网站的,外行啦呵呵。

  6. winw 說:

    E文啊,难懂。呵呵

  7. 木木 說:

    :smile: 呵呵,长见识了,网络的资源呀! 国外的很少知道,国内的资源比较少。。

发表评论 »


页面载入中...