Web开发/设计人员应当知道的15个网站

所属分类: 网络编程 / 相关技巧 阅读数: 1802
收藏 0 赞 0 分享

ColorCombos

在进行网站设计的时候,开始步骤的其中一项(也是最重要)的内容是选择出一个配色方案。

Color Combos让你可以浏览上千个不同的颜色组合,以便从中为你即将开始的设计汲取灵感。其配色方案可按颜色浏览。

LIpsum

风靡之至的Lorem Ipsum文字,其大名谁人不知?哪个不晓?(译注:查了才知道,这是指一篇用于测试排版设计的拉丁文文章,从15世纪开始就被广泛使用,文章因以Lorem Ipsum开头而得名)该段文字被全球各地的网站设计者用来在设计中对其真正的文字的呈现效果进行仿真。

Lipsum.com让你可以创建所需数量的Lorem Ipsum自然段,快速又简便。

What the font?

你刚看到一个标志或网站使用了一种特别的字体,你很喜欢它。很想在自己的设计中也使用同样的字体......但是你不知道字体的名字。在这个问题上你只有两种解决方案:花数小时寻找该字体,或者利用What the font的服务

“是什么字体”这项服务让你可以上传一个含有字体的标志或图像,然后告诉你该字体是什么。结果令人惊叹。

ConvertIcon

对任何何网站来说,收藏夹图标都是必不可缺的,其主要原因是在现代浏览器如火狐上,它会随着网站名字出现tab栏上。书签也用到它。

收藏夹图标可以有多种不同的文件格式,包括流行的.png。唯一的问题是使用png作为你网站的收藏夹图标文件格式的话在IE浏览器上不起作用。令人欣慰的是,有一个免费的在线图标转换服务ConvertIcon,这项服务允许你上传图片然后返回一个.ico文件给你,这样就可以解决跟微软IE浏览器的兼容性问题了。

BgPatterns

背景花纹图案无疑是当今网站设计的趋势之一。

BgPatterns.com,你可以浏览花样繁多的花纹并可以免费用到你的网站上。

HTML Encoder

你需要在自己的网站上显示代码吗?如果需要的话,你也许就会明白那有多烦。实际上你就不得不敲< to display <。如果你要显示50行的代码的话,手工转换HTML符号有可能就要花上一些时间了。

让你只需提供代码就可为你返回转换后的HTML实体。我每天都要用它来在自己的博客上展示代码。

注:相应还有一个HTML Decoder

Xenocode Browsers

依我之见,Xenocode浏览器乃测试网站在不同浏览器显示效果的终极浏览器。Xenocode允许你从网上直接加载IE6、IE7、IE8、Firefox 2、Firefox 3、Google Chrome以及Opera。唯一的弱点是:对于允许Macs和GNU/Linux的PC来说其服务不可用。

Test Everything

除了想在许多浏览器中测试设计以外,你是不是还期望能在同一个地方测试页面的页面排名(PageRank)甚至验证自己的代码对标准的兼容性?

如是,则Test Everything是你不容错过的网站。此站聚集了超过100种不同的工具,让你几乎可以测试网页上的任何东西。

Sprite Generator

毫无疑问,样式表贴图定位(CSS Sprite)是可供使用的一项伟大技术,主要是因为它减少了HTTP请求的数量。不过,样式表贴图定位需要时间和特定技术,这使得这项技术优点难以使用,尤其是对新手而言。

令人惊艳的Sprite generator让你可以发送一个含有图像的zip压缩文件。然后它把你的图片结合进贴图定位中返回给你,更妙的是,还可以把CSS代码页生成出来,你只需粘贴到主CSS文件中去即可。

Buttonator

对于任何一个庄重的博客或网站来说,好看的按钮无疑都是必备之物。如果你不了解这一点,或者没时间来创建一些酷酷的按钮,别担心:Buttonator 是一个先进的按钮生成器,还可以免费使用。

此外,如果你对CSS按钮感兴趣的话,别忘了看看我们的十大CSS按钮指南清单

Load Impact

当网站名字出现在流行网站如Digg或Stumble的首页上时,你曾有过多少次看到过那些网站是宕掉的?

免费的Load Impact服务允许你对自己的网站应对各种不同的流量冲击进行测试。WpWebHost托管的网站的结果非常出色。

IconFinder

好看的图标在任何一个专业网站那里都是不可或缺的。网上有许多免费的图标,因此IconFinder那帮家伙决定创建一个免费图标集散地供你用于设计。毫无疑问,在此你可以轻易地在几秒钟时间内找到想要的东西。

TypeTester

测试设计中的字体显示效果有时候是一件吹毛求疵的行为。令人欣慰的是,TypeTester可以让你测试字体及其属性的显示效果。绝对节省时间。

CSS Tidy

即便是高级的开发人员经常也要去优化其CSS代码。CSS Tidy是免费的在线应用,可修正CSS代码的错误并对其进行优化。比如说,它可自动侦测冗余的样式,这是很常见的CSS代码错误。

里面有非常多的设定,可确保你对结果满意。

Contact Forms Generators

对于任何一个网站来说表单都是非常重要的一部分,因为它们允许你的读者或客户跟你进行交互。通过利用Contact Forms Generator,可生成从网站发送电子邮件到你的邮箱去的PHP、ASP或甚至是Perl代码,你将会在创建表单方面节省下宝贵的时间。

原文链接:Web开发/设计人员应当知道的15个网站

更多精彩内容其他人还在看

firefox 扩展开发技巧

firefox 扩展开发
收藏 0 赞 0 分享

php asp.net 比较 [推荐]

如今当提到 Web 开发时,您有许多选择。这些方法中许多都涉及到预处理 - 即,利用特定的标记将代码嵌入到 HTML 页面中
收藏 0 赞 0 分享

UTF-8 BOM 可能导致样式错乱的解决方法

utf-8 是一种在web应用中经常使用的一种 unicode 字符的编码方式,使用 utf-8 的好处在于它是一种变长的编码方式,对于 ANSII 码编码长度为1个字节,这样的话在传输大量 ASCII 字符集的网页时,可以大量节约网络带宽。
收藏 0 赞 0 分享

Web 开发常用工具 大家自己查找下载

看到了Web通信分析工具 这篇文章,除了burpsuite其他我日常都经常使用。于似乎我整理了一下我自己用的其他的WEB开发工具。
收藏 0 赞 0 分享

遇到不能复制的网站怎么办?

有时我们看到喜欢的网页内容时定会产生复制下来为我所用的冲动,不过当你点击鼠标时它却没有任何反应,选择的内容没有任何变化,不禁有点扫兴。不要紧,办法总比困难多!
收藏 0 赞 0 分享

URL 长度有限制吗?

众所周知, 传递小量参数(在没有其他原因,例如隐藏参数值的情况下)推荐使用GET方法,传递大量参数推荐使用POST方法。原因是什么呢?
收藏 0 赞 0 分享

声音验证码制作方法

收听验证码已经比较普遍了,使用户看不清楚的情况下可以通过耳朵来收听验证码,但网上搜了很久没看到有具体的制作方法,自己想了想,还是按自己的方法来实现了,呵呵。
收藏 0 赞 0 分享

防范SQL注入式攻击

SQL注入式攻击是利用是指利用设计上的漏洞,在目标服务器上运行Sql命令以及进行其他方式的攻击动态生成Sql命令时没有对用户输入的数据进行验证是Sql注入攻击得逞的主要原因。
收藏 0 赞 0 分享

Web 设计与开发者必须知道的 15 个站点

今天读到一篇文章,介绍了15个对 Web 设计与开发师极端有用的站点,里面有不少也是我们一直在使用的,也许对很多人都有用,翻译出来以饷同仁。
收藏 0 赞 0 分享

十分钟内学会 避免用户刷新导致重复POST提交

在Web应用中,采用POST提交信息是非常常见的,然而如果目标页面打开得太慢,用户就可能会刷新页面,这时候之前已经提交过的信息就会被重复提交。
收藏 0 赞 0 分享
查看更多