如今Web開發與Web規劃的重合之處越來越多。本文將會展現一些web規劃師應該經常會使用到的東西，其中也包括一些js以及頁面調試的東西。如果你需求一些創意，你能夠拜訪最盛行的規劃展現站點來尋覓你需求的好著作和好比如。一些規劃相關的東西，在線生成器，免費字體站點，模板站點都將協助你更有用率的測驗和管理站點。記住，并不是什么都親身完結才是最好的方法，一定程度的借鑒將會讓你以更輕松的方法完結任務。

我激烈建立你泛讀本文，把對你有協助的站點參加書簽，當你灰心的時候，不妨看看。

創意類

1. Deviantart

Deviantart是互聯網站最大的藝術展現站點之一。你能夠在這里找到好創意。

2. Web design library

Web Design Library是一個供給規劃研究渠道的資源站點，覆蓋了大量的理論知識和實戰方面的信息。

3. Stylevault

Stylevault.net 是一個規劃展現站點，規劃師能夠在上面展現才調的一起其他人也可從中獲益。

4. Behance

Behance 是找創意的好去處，因為他們的規劃愈加專業。

5. The design inspiration

The Design Inspiration 是一群整日尋求規劃創意的規劃師所創立的。

規劃東西

6. Colour lovers

Colour lover 是一個國際性的規劃師社區，不同行當的藝術家到此尋覓顏色方面的創意，主意并對這些專業的或個人項目發表發聵。

7. Adobe kuler

Adobe kuler 是奧多比公司推出的web程序，旨在協助你創立和分享顏色主題。

8. Color hunter

Color Hunter 能夠經過圖片來創立配色。

9. Colorotate

經過Colorotate，能夠實現以3D的視覺作用的方面來迎合人腦的顏色處理過程。

10. Stripemania

Stripemania 是一個用于生成紋理的在線web2.0東西。紋理大小、縫隙都能夠調理，還能夠選擇顏色過渡作用。

11. Fontstruct

FontStruct 能夠經過制作網格來制作出自己的字體。

12. Dafont

一個能夠經過字母，主題，更新日期排序的字體站點，大多數字體能夠免費下載。

13. Icon finder

一個收錄了十萬個免費圖標搜索引擎。

14. Whatthefont

看見了一個好看的字體，可是不知道它的姓名？

把字體圖畫提交到WhatTheFont，它將會在數據庫中查找與你的字體最接近的字體姓名，或許讓字體愛好者在WhatTheFont論壇中幫忙。

15. Lorem Ipsum

Lorem Ipsum是打印排版工業的無意義文本，這是一個Lorem Ipsum生成器。

編碼東西

16.Typetester

Typetester是一個在線字體比較東西。

17. Typeface.js

經過typeface.js，你能夠在網頁中嵌入自定義字體，然后免去了文字到圖片轉換的麻煩。

18. Firebug

Firebug是Firefox瀏覽器的一個網頁開發的擴展，你能夠在恣意網頁中修改，調試，監督css,html,javascript。

19. Smush.it

Smush.it經過對特定圖片格式的優化技能來減小圖片大小，這是一個“無損”的東西，也就是說在優化圖片的一起，圖片樣子和視覺作用沒有發生改動。

20. pForm

在線HTML表單創立東西。

21. Zend Studio

Zend Sudio 7.0是一下代專業級的php程序開發環境。其規劃能夠最大化開發者的效率，一起能夠更快的開發和保護代碼，解決程序問題而且提高團隊合作效率。

22. Fire FTP for Firefox

FireFTP是一個Mozilla Firefox擴展，是一個免費、安全、跨渠道的FTP客戶端。

23. Expandrive

ExpanDrive 就像是你MAC或許PC上的U盤。能夠在長途計算機上打開、修改、保存文件。

24. W3C Validator

W3C校驗器是W3C的免費服務，用于查看網頁的標簽的有用性。相同還有一個CSS校驗器。

25. jQuery UI

jQuery UI 是一個開源的接口組件庫-互動、小東西、動畫作用，根據jQuery javascript庫。每個組件都是根據jQuery的事件驅動構架編寫，而且相當主題化，使開發者和恣意技能層次的人都能整合到自己的代碼中去。

26. Clean AJAX

Clean是Ajax的開源引擎，供給了一個Ajax技能的高檔接口。

27. Reflection.js

Relection.js 能夠讓網頁中的圖片呈現發射作用，它使用整潔的javascript代碼，使你的代碼更干凈。

28. Blueprint CSS

Blueprint是一個CSS結構，旨在削減開發時刻。它經過網格、排版、插件、打印的CSS給你的項目供給一個堅實的基石。

29. CleanCSS

CleanCSS是一個強壯的CSS代碼優化器和代碼格式化東西。

30. XHTML Character Entity Reference

這個頁面包含了HTML 4 和 XHTML 1.0 所允許的252的特別字符，W3C官方HTML 4標準中的第24部分有所闡述。

31. Pingdom

Pingdom是一個站點監督東西，能夠7X24小時全年監控，有在線時長、響應時長的計算，還能夠經過Email和短信來發送正告。

32. Lightbox 2

Lightbox用于圖片在網頁上疊加顯現。設置及其簡單。

33. WIX

免費的flash網頁創立東西。

34. Best free templates

BestFreeTemplates.info 優秀的CSS模板供您下載。

測驗管理站點

35. Browsershots

BrowserShots是一個根據web的瀏覽器兼容性查看東西，能夠明晰的預覽您站點在各種瀏覽器上面的顯現作用。不需求注冊，直接提交url，然后等候3-5分鐘，BrowserShot就為您生成各種瀏覽器下面的作用圖。

36. Browsercam

在恣意操作系統恣意瀏覽器上查看你的web規劃，查看javascript,DHTML,表單和其他動態功能。

37. Are my sites up?

Are my sites up是一個簡單的服務，當你網站下線是會及時的通知你。

38. Google analytics

Google Analytics 是一個企業級的網站剖析解決方案，讓你對自己站點的拜訪情況一目了然而且有用的進行市場推廣。強壯、靈活、易用的特性使你剖析網站流量的方法耳目一新。通 過Google Analytics，你能夠推廣更有針對性的廣告，占領市場主動權，創立更高報答的站點。

39. W3Counter

W3Counter是一個免費的站點剖析解決方案，能夠回答你的以下疑問：網站用戶是誰，他們怎樣找到你的站點，他們感興趣的是什么。

40. eLogic

跟蹤和監督站點活動。了解站點數據是建立成功在線商務的關鍵。