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

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个网站

(0)

相关推荐

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

    ColorCombos 在进行网站设计的时候,开始步骤的其中一项(也是最重要)的内容是选择出一个配色方案. Color Combos让你可以浏览上千个不同的颜色组合,以便从中为你即将开始的设计汲取灵感.其配色方案可按颜色浏览. LIpsum 风靡之至的Lorem Ipsum文字,其大名谁人不知?哪个不晓?(译注:查了才知道,这是指一篇用于测试排版设计的拉丁文文章,从15世纪开始就被广泛使用,文章因以Lorem Ipsum开头而得名)该段文字被全球各地的网站设计者用来在设计中对其真正的文字的呈现效

  • 分享下网站开发人员应该知道的61件事

    不出意料地,他得到了一大堆回答. 通常情况下,你需要把所有人的发言从头到尾读一遍.但是,Stack Overflow有一个很贴心的设计,它允许在问题下方开设一个wiki区,让所有人共同编辑一个最佳答案.于是,就有了下面这篇文章,一共总结出六个方面共计61条"网站开发须知". 我发现,这种概述性的问题,最适合这种集合群智.头脑风暴式的回答方式了.这也是我第一次觉得,Stack Overflow做到了Wikipedia做不到的事.(难怪它最近挤进了全美前400大网站.) 在我的印象中,关于

  • 经验丰富程序员才知道的15种高级Python小技巧(收藏)

    目录 1.通过多个键值将对象进行排序 2.数据类别 3.列表推导 4.检查对象的内存使用情况 5.查找最频繁出现的值 6.属性包 7.合并字典(Python3.5+) 8.返回多个值 9.列表元素的过滤 filter()的使用 10.修改列表 11.利用zip()来组合列表 12.颠倒列表 13.检查列表中元素的存在情况 14.展平嵌套列表 15.检查唯一性 1.通过多个键值将对象进行排序 假设要对以下字典列表进行排序: people = [ { 'name': 'John', "age&quo

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

    ColorCombos 配色是 Web 设计的首要大事,Color Combos 帮你预备了数千种配色方案,可以根据色调浏览选取.LIpsum Lorem Ipsum Text 是一中自造的,字典中不存在的单词,是在演示页面结构的时候,需要加文字的地方使用 Lorem Ipsum Text 填充可以避免用户因关注文字的意思而分神.Lipsum.com 可以帮你生成制定数目的 Lorem Ipsum 单词.What the font? 有时候你对某个 Logo 感兴趣,想知道是拿什么字体做的,可以

  • 做一个优秀程序员应该知道的15件事

    1. 懂得分享.尽可能使用开源,并且当你有能力的时候,要对其有所贡献.聚全社会之智慧,胜过某些"大"公司之短视. 2. 公平竞争.尝试其他技术.框架.方法和观点.不要总以为只有你的选择才是可行的.别的选择也有可能比你的要强得多.要以开放的心态,来检验其他人的选择. 3. 不要攻击他人.像第2条所说的,不要仅仅因为别人恰巧使用.Net.Java或PHP就去攻击他们(我在这方面有一次教训).有时,它们或许要比你所认为的更有效.只要别人不是一无是处,你就可以从他们那里学到很多东西. 4. 自

  • Java开发人员需知的十大戒律

    本文讲述了Java开发人员需知的十大戒律.分享给大家供大家参考,具体如下: 作为一个Java开发人员提高自己代码的质量,可维护性,是个恒久不变的话题,网上看到这篇文章,拿来自勉. 对Java开发者来说,有许多的标准和最佳实践.本文列举了每一个开发人员必须遵从的十大基本法则:如果有了可以遵从的规则而不遵从,那么将导致的是十分悲惨的结局. 1. 在你的代码里加入注释 每个人都知道这点,但不知何故忘记了遵守.算一算有多少次你"忘记"了添加注释?这是事实:注释对程序在功能上没有实质的贡献.但是

  • web开发人员学习jQuery的6大理由及jQuery的优势介绍

    jQuery是一个用来简化HTML客户端开发的JS(JavaScrip)库,它支持HTML DOM处理,同时还融合了部分HTML和CSS.许多网站建设公司已经加入了jQuery的阵营,你的公司也该加入了. 下面就来看看jQuery为何对公司有如此大的影响吧. 1.jQuery简化了工作 学习jQuery非常容易--毕竟这个函数库由更简短.更简洁的代码创建.jQuery具有语句简洁.编码标准开放的特点,这些特点帮助开发者缩短了配置网站和应用所需的时间. 另外,使用jQuery创建web页面时,不要

  • Web开发必知Javascript技巧大全

    JavaScript是一个绝冠全球的编程语言,可用于Web开发.移动应用开发(PhoneGap.Appcelerator).服务器端开发(Node.js和Wakanda)等等.JavaScript还是很多新手踏入编程世界的第一个语言.既可以用来显示浏览器中的简单提示框,也可以通过nodebot或nodruino来控制机器人.能够编写结构清晰.性能高效的JavaScript代码的开发人员,现如今已成了招聘市场最受追捧的人. 在这篇文章里,我将分享一些JavaScript的技巧.秘诀和最佳实践,除了

  • Web开发人员常用速查手册 英文集合推荐

    为了方便各位朋友,本文收集了一些对Web开发人员非常有用的手册,记得推荐一下哦. HTML 速查手册 HTML/XTML in one page HTML5: The Evolution of Web Standards by James Sugrue (X)HTML Elements and Attributes Doctype Declarations (DTDs) XHTML Character Entity Reference GoSquared HTML Help Sheet CSS

  • 每个 Python 开发者都应该知道的7种好用工具(效率翻倍)

    Python 从一种小的开源语言开始,到现在,它已经成为开发者很受欢迎的编程语言之一. 今天我将给大家分享 7 种对所有 Python 开发人员都感觉很有趣.有用的工具,相信它们在你的工作中会经常出现,提升工作效率. 1.The F*ck 当我们忘记了某些软件包在这里或那里,The F*ck优雅地解决了这个问题.你所要做的只是键入"Fuck",然后它会告诉你出了什么问题. 它是该列表上很受欢迎的项目,并且将继续存在.安装方法如下: # mac brew install thefuck

随机推荐