在线图标生成-Online Generation Icon

1、最全的邮件/QQ/MSN/BLOG图片生成器：
http://www.eoool.com/
支持国内外主要的邮箱，支持BLOG，SNS，IM图标生成，支持blog的相关图标生成。

2、EmailSignatureGenerator
网址：http://email.liquism.com/
支持Gmail/Yahoo/Hotmail/MSN多个邮箱，有三种图片样式供用户选择，而且网站还开放了原代码，您可以下载后，安装到自己的网站中。

3、收藏夹图标生成器：
http://www.html-kit.com/e/favicon.cgi
Favicon.ico是收藏夹图标，在收藏夹或者浏览器的地址栏里就可以看到这个显著的图标。而且在多标签浏览器时Favicon可以方便用户迅速定位到他需要的那个标签。
"收藏夹"图标有着它特有的规格：图标的大小为16*16，32*32，48*48三种格式（以像素为单位），在收藏夹里出现的是16*16， favicon.ico文件生成还是有些难度的：它不是标准的位图文件，需要用专门的favicon编辑器Microangelo 98，favicon.com等生成。现在发现了一个在线favicon生成器服务：直接上传你自己的图片(GIF/JPG格式)，直接生成16*16像素的favicon.ico文件， 还可以在线预览和下载。

4、网站LOGO在线制作：
http://searchdon.com/create.asp
可以生成多种样式的LOGO，包括google,yahoo的LOGO样式

5、google的LOGO样式图标:
http://www.logogle.com/
可以生成google的LOGO样式图标，可以生成类似google logo的图标，你可以输入数字、字母和部分符号[/@;:+-!?] 或者空格。

6、街道签名生成器（不过不支持中文）
http://www.streetsigngenerator.com/

7、blog标签图片80×15 或 80×31制作
http://button.blogflux.com/

8、自己生成漫画小图像的站：
http://www.abi-station.com/tchinese/

9、支持域名图标的生成。
http://phorum.com.tw/Generator.aspx

10、动态闪光Logo在线生成站：
http://www.logomaker.cn/index.aspx

11、Web2.0风格Logo在线生成：
http://web2.0stylr.com/stylr.aspx

12、包括googleLOGO风格在内的多种风格Logo在线生成：
http://creatr.cc/creatr/

13、Flickr风格Logo在线生成：
http://flickr.nosv.org/

14、邮址图片、条形码、印章在线生成：
http://www.makepic.com/

15、印章在线在线生成：
http://home.kele8.com/smallgame/signetImg/default.aspx

16、favicon图标在线生成：
http://www.bitbug.net/支持将上传图片转成图标。

17、favicon图标在线生成：
http://www.chami.com/html-kit/services/favicon/支持将上传图片转成图标。

18、favicon图标在线生成：
http://www.html-kit.com/favicon/

19、favicon图标在线生成：
http://www.favicon.cc/
不同于其他的一些在线Favicon图标制作工具，它并不是提供上传转换功能，而是一个纯手工的制作服务，所以要使用它你还得具备一定的绘画技巧或者是设计能力。

20、favicon图标在线生成：
256 Pixels的服务不仅提供像Favicon.cc那样的手工绘画功能，而且还可是上传图片，进行剪切后再加工，可以说着实比Favicon.cc先进不少。

21、在线banner生成
http://www.bannerbreak.com/index.php

Web 2.0网站流行使用的颜色元素

Neutrals

Shiny silver [#EEEEEE]

Reddit white [#FFFFFF]

Magnolia Mag.nolia [#F9F7ED]

Interactive action yellow [#FFFF88]

Qoop Mint [#CDEB8B]

Gmail blue [#C3D9FF]

Shadows Grey [#36393D]

Bold

Mozilla Red [#FF1A00]

Rollyo Red [#CC0000]

RSS Orange [#FF7400]

Techcrunch green [#008C00]

Newsvine Green [#006E2E]

Flock Blue [#4096EE]

Flickr Pink [#FF0084]

Muted

Ruby on Rails Red [#B02B2C]

Etsy Vermillion [#D15600]

43 Things Gold [#C79810]

Writely Olive [#73880A]

Basecamp Green [#6BBA70]

Mozilla Blue [#3F4C6B]

Digg Blue [#356AA0]

Last.fm Crimson [#D01F3C]

转载自：http://eva.uuu9.com/ksblog/post/1104.html

在线CSS工具推荐

最近几天改造一个网站时全面采用了DIV+CSS，其间发现和使用了一些在线工具，现在同大家分享，希望对大家有所帮助：

QrONE CSS Designer - 在线CSS编辑器，推荐首选，所见即所得，在线编辑，直接观看效果，比起DW都更方便。(原作者是J.Tabuchi)
TypeTester是文字样式CSS在线对比工具。

Online CSS Optimizer 是一个CSS的在线优化工具，可以减少CSS文件的冗余代码，缩小文件体积。

CSS整形和最佳化工具也是一款CSS的优化工具，但必须确保源码符合规范，规范检验可以用以下的W3C检验服务。

W3C CSS 校验服务提供万维网协会(W3C)样式表(CSS)校验服务。
Browsershots可以查看同一个网页在不同浏览器下的展示效果。

转载自：IT罗盘

2006年50款基于css设计的漂亮网页

2006年50款基于css设计的漂亮网页，这里罗列了一下，具体效果图见原帖。
活泼的设计
SteveLeggat.com
Emotionslive.co.uk
Dinis91.com
WeCreateThings.com
Joyent.com
Haveamint.com
Vivabit.com
olivier.danchin.neuf.fr
Foxie.ru
Cameronmoll.com/portfolio
Tonyyoo.com/v2
Komodomedia.com
Bartelme.at
Quatuour.be
Onlinecenter.nu
Fall.tnvacation.com
Zero.ru
Methodarts.com
Summer.tnvacation.com
Icebrrg.com

深色的设计
Kineda.com
Colourmod.com
Rikcat.com
BeSuperCharged.com
M122arts.com
Rudeworks.com
Veerle.duoh.com
Obuweb.com
Slideshowpro.net
Whitwa.net

淡雅的设计
Mstefan.com
Subdued.net
Devlounge.net
Dartadesign.ro
Theologisches-seminar-elstal.de
Nice-Design.co.uk
Media2006
ElectricPulp.com
SusannePaschke.de
PixelEden.net
Jek2k.com
Thegoodness.com.au
Morellc.com
Attitudedesign.co.uk
CSS Vault
Evaneckard.com
WallopCreative.com
Jeffcroft.com
另外《53 CSS-Techniques You Couldn’t Live Without》介绍了53种设计中常用和必备的css技巧，总结的很详细，一并推荐一下。

逛stumbleupon偶然发现的一些网页设计资源

逛了一下：http://www.stumbleupon.com/

stumble upon [on, across] 的意思是：
(1) 偶然找到, 无意中发现

它能随机展示你感兴趣的网站，你也可以投票，以及交友，找到趣味相投的朋友，以及由此找到更多的资源，等等。很不错。

以下是网站设计类的一些新发现的网站：

http://www.file-swap.com/
文件上传，支持图片、videos、.pdf、text等文件。

http://www.cssplay.co.uk/menu/index.html
css相册、地图、图片效果、日历、菜单、字体等效果例子。很多，很全面。

http://www.cssimport.com/
Css构建的标准页面模版。

http://www.templateworld.com/free_templates.html
免费的网页模版。

http://www.oswd.org/
免费网页模版。

http://www.free-css-templates.com/
免费网页模版。

http://www.kayodeok.btinternet.co.uk/favorites/webdesign.htm
网站设计资源网站。

http://wellstyled.com/tools/colorscheme2/index-en.html
在线配色。

http://www.devlisting.com/
网站建设资源。

http://blog.html.it/layoutgala/
40个 css layouts 模版。

http://www.buttonator.com/
在线按钮图片生成。

http://www.chami.com/html-kit/services/favicon/
在线生成ico图片，就是生成的图片太大，可以用IconXP软件处理一下。

http://www.fonttester.com/
英文在线字体比较工具，生成css。

http://tools.dynamicdrive.com/imageoptimizer/
gif,jpg,png格式在线互换工具。

免费的Photoshop插件集合

地址：Free Photoshop-compatible Plugins

 

分类如下：

From This Web Site (3)
Image Effects (37)
Photo Enhancement (26)
Web Design (6)
Patterns / Textures (5)
Painting & Drawing (3)
3D (3)
Various (14)
Image Format / Importing (14)

在线图标制作集合

1、最全的邮件/QQ/MSN/BLOG图片生成器：
http://www.eoool.com/
支持国内外主要的邮箱，支持BLOG，SNS，IM图标生成，支持blog的相关图标生成。

2、EmailSignatureGenerator
ttp://email.liquism.com/
支持Gmail/Yahoo/Hotmail/MSN多个邮箱，有三种图片样式供用户选择，而且网站还开放了原代码，您可

以下载后，安装到自己的网站中。

3、收藏夹图标生成器：
http://www.html-kit.com/e/favicon.cgi
Favicon.ico是收藏夹图标，在收藏夹或者浏览器的地址栏里就可以看到这个显著的图标。而且在多标签浏览器时Favicon可以方便用户迅速定位到他需要的那个标签。
" 收藏夹"图标有着它特有的规格：图标的大小为16*16，32*32，48*48三种格式（以像素为单位），在收藏夹里出现的是16*16， favicon.ico文件生成还是有些难度的：它不是标准的位图文件，需要用专门的favicon编辑器Microangelo 98，favicon.com等生成。现在发现了一个在线favicon生成器服务：直接上传你自己的图片(GIF/JPG格式)，直接生成16*16像 素的favicon.ico文件，还可以在线预览和下载。

4、网站LOGO在线制作：
http://searchdon.com/create.asp
可以生成多种样式的LOGO，包括google,yahoo的LOGO样式

5、生成google的LOGO样式图标
http://www.logogle.com/
可以生成google的LOGO样式图标，可以生成类似google logo的图标，你可以输入数字、字母和部分符号[/@;:+-!?] 或者空格。当然还可以生成你自己LOGO的google搜索引擎。

6、街道签名生成器（不过不支持中文）
http://www.streetsigngenerator.com/

7、blog标签图片80×15 或 80×31制作
http://button.blogflux.com/
  打开该网页，从页面上列出的logo效果中选择一种自己喜欢的风格，用鼠标点击进入制作页面，在该页面中，按提示输入需要的内容，其中在"logo text"项中输入logo的文本内容，点击"font"项后的图标改变字体，在"text size"项中设置文本大小；点击"glow color"项后的色块改变阴影颜色；点击"outer text color"项后的色块改变文本外边框颜色；点击"inner text color"项后的色块改变文本内部颜色.点击"background color"项后的色块改变背景颜色。全部设置完毕后，点"render logo design"按钮即可看到效果。在显示效果的界面中，如果你觉得不满意，可以点击"edit this logo"返回刚才的编辑页面。如果效果满意了，点击"download image"便可将效果保存到你的电脑中。

8、支持域名图标的生成。
http://phorum.com.tw/Generator.aspx

9.Web2.0 Logo Creator是一个专门用来制作web2.0网站logo的在线工具，制作出的logo具备了几个web2.0元素，比如倒影、beta标志等等，不过制作出的logo都是千篇一律，不够个性化。

本文转载自：http://haohan.blog.com.cn/archives/2006/1634264.shtml