配色工具

配色最痛苦了。（= =）更多配色工具請(qǐng)參考：為你的網(wǎng)頁(yè)組合出一個(gè)完美的配色方案

• Color Schemer Gallery：配色展覽館
• COLOURlovers
• Website Color Picker
• I Like Your Colors：喜歡某個(gè)網(wǎng)站的配色？就用這個(gè)工具。

免費(fèi)的 CSS 導(dǎo)航欄菜單

導(dǎo)航欄的重要性不用多說(shuō)，尤其是一個(gè)動(dòng)感十足有易用的。網(wǎng)上已經(jīng)有大把的模板，稍稍修改一下就可以用啦。

• Listamatic
• Exploding Boy
• Alvit.de
• Dynamic Drive
• Our own collection of CSS Menus

制作 DHTML 導(dǎo)航欄軟件

Xtreeme DHTML Menu Studio（要 49 刀，#sfufoet：類(lèi)似的一款軟件：Sothink DHTML Menu，也是收費(fèi)軟件。）

找呀找照片

照片拿來(lái)做什么？這個(gè)我就不懂了。有誰(shuí)懂？麻煩留言。謝啦。

• Stock.Xchng – 大量免費(fèi)照片
• Stock Expert – 要付出一些些錢(qián)的照片。
• iStockphoto - 同上
• Big Stock Photo - 同上

圖標(biāo)

好圖標(biāo)絕對(duì)很搶眼。

• IconFinder.net – 圖標(biāo)搜索引擎，煎蛋介紹過(guò)。
• 31 Sources of Quality, Free Icons - 圖標(biāo)嘛，煎蛋介紹過(guò)很多。請(qǐng)自行搜索。

空白的 WordPress 模板

想做個(gè) WP 主題？看看這些空白模板吧。

CSS 的模板

用表格定位和用 CSS 定位差多遠(yuǎn)啊。

• Layout-O-Matic - 一個(gè)方便你創(chuàng)建 CSS 基本模板的工具
• CSS Creator - CSS 布局生成器
• Layout Gala - 模板聚集地
• Open Designs - 開(kāi)源模板。這年頭什么都可以開(kāi)源
• Open Source Templates

Eric Meyer’s CSS Sculptor

CSS 布局生成軟件，要 149 刀，貴est。

思戀檢查器，哦不，打錯(cuò)，死鏈檢查器

死鏈？就是點(diǎn)擊后出現(xiàn) 404 的鏈接。

• DeadLinks.com
• Online Link Validation Tool

在多個(gè)瀏覽器里面測(cè)試

只兼容 IE  的網(wǎng)頁(yè)不是好網(wǎng)頁(yè)。

• Browser Shots
• Browsercam
• NetMechanic

更多類(lèi)似工具。

檢查代碼有效性

換句話說(shuō)，是不是符合國(guó)際標(biāo)準(zhǔn)。

• HTML
• CSS
• RSS and Atom
• RSS, Atom, and KML

腳本

這個(gè)世界有太多的腳本，你無(wú)需再去重復(fù)發(fā)明。

• JavaFile
• PHP Freaks
• DynamicDrive
• The JavaScript Source
• PowerfulScripts
• DHTMLGoodies.com
• PHP Open Source Scripts

Favicons 生成器

Favicons，那是 16 × 16 像素的藝術(shù)品。

• Dynamic Drive
• Favicon from Pictures
• FaviconGenerator.com
• Favicons with text instead of images
• Graphics Guru

字體

字體，這兩個(gè)字你我都認(rèn)識(shí)。

• 80 Beautiful Typefaces for Professional Design (Smashing Magazine)
• Urban Fonts
• 1001 Free Fonts

Web 2.0 工具

Web 2.0，這個(gè)世界本沒(méi)有 Web 2.0 ，人想多了，就有了 Web 2.0。什么斜紋背景啊、Beta 徽章啊、倒影啊，用用下面的工具就搞定了。

• Stripe Generator
• Web 2.0 Badges
• More Web 2.0 Badges
• Web 2.0 Icons
• Web 2.0 Logo Creator

弄個(gè)按鈕

按鈕，就是紅色的，按下去會(huì)自爆的那種。

• Dynamic Drive
• Kalsey.com
• Lucazappa.com
• Blog Flux
• Yugatech.com
• MyCoolButton
• Buttonator

漸變工具

誰(shuí)都會(huì)漸漸改變。

• Dynamic Drive

圓角框框

這個(gè)世界流行圓角。

• CSS Rounded Box Generator
• Spiffy Corners

CSS 氣泡對(duì)話框

評(píng)論和引用一定要用氣泡對(duì)話框。

• WillMayo.com
• CSS Play

CSS 工具

這個(gè)世界流行減肥，所以 CSS 一定要減肥。

• CSS Tidy - CSS 優(yōu)化工具
• Clean CSS
• CSS Optimizer
• CSS Analyzer - 檢查 CSS 語(yǔ)法
• CSS Mate - 在線 CSS 編輯器
• CSS Compressor

其他

• Web Host Uploader - 一個(gè)簡(jiǎn)單的 FTP 工具
• Web Standards Checklist
• Firebug Add-On for Firefox - 編輯、除錯(cuò)和監(jiān)視 CSS、HTML、JavaScript 的火狐擴(kuò)展
• Web Developer Firefox Add-On - 這個(gè)火狐插件太經(jīng)典了

# sfufoet：上面好多廢話。