1. 在線簡歷創建: krop.com ceevee.com innovativeresume.com
2. 事件管理工具： eventbrite.com epicevent.com
3. 電子商務網站創建： shopify.com bigcartle.com
4. 模板尋找： templatic.com
5. 界面小部件工具: ui-patterns.com
6. 測試界面可用性工具: silverbackapp.com www.techsmith.com/morae.asp(貌似都收費的)
7. 作品集生成程序: behance.net carbonmade.com krop.com
8. 建設中的頁面: CSSJockey(wordpress.org/extend/plugins/custom-coming-soon-page)
Launchpad(themeshaper.com/wordpress-domain-parking-theme)
9. 對於外發光,它以讓開發者瘋狂而臭名昭著,如果這些發光效果需要呈現滾動狀態或根據使用者的動作而發生改變,就更是讓人瘋狂,必須慎重考慮光暈效果與周圍元素(尤其是使用者與之交互的元素)的相互作用.例如,一旦將運用個外發光設置的按鈕放在漸變背景中,就一定要注意以下情況:要麼讓圖像呈現部分透明(這就需要用PNG hack 來解決問題);要麼將背景圖像作爲按鈕圖像的一部分,這就需要非常精確的定位
10. Yahoo!設計庫素材: http://developer.yahoo.com/ypatterns/about/stencils/
11. 顯示非網頁安全字體: sIFR(www.mikeindustries.com/blog/sifr)
cufon(cufon.shoqolate.com/generate)
Typekit(typekit.com)
前兩個是免費網站,第三個是商業網站
12. 透明PNG與老版IE兼容解決辦法: www.twinhelix.com/css/iepngfix
13. 將你字體的筆跡生成字體文件: www.yourfonts.com
14. 手繪元素最好只改那些非改不可的,另一個要點是注意重疊部分和沒有對齊的地方.如果手繪作品中有些元素超出了邊界或互相重疊,這將加重開發人員的工作負擔
15. 如果拼貼畫與一些容器的邊界交叉會出現問題,而採用CSS定位與透明PNG圖片想結合的策略可以解決這個問題.
16. 網頁安全字體: typetester.com 可以幫你快速理解爲何網頁安全字體以及爲什麼字體會受到限制.
17. 如果網站中大量使用字體,特別是主題內容也採用這種風格的話,我強烈建議在設計時使用網頁安全字體.也許最可行的解決方案是採用現代網頁字體風格與網頁安全字體相結合的方法設計網站.
18. 採用純色風格設計的網站有很快的加載速度,這種風格非常適合電子商務類的動態網站.
19. 如果想找出網站速度慢的原因,可以藉助firefox的插件YSlow(developer.yahoo.com/yslow)
20. 出去網站的設計,你所選用的託管主機也會影響網站的加載時間.請謹記這點,特別是當你被廉價託管主機吸引的時候.
21. 事實上,只要使大部分透明效果滿足你的需求就可以了,爲了讓IE能夠正常顯示,有一兩處瑕疵也無傷大雅
22. 如何創建重複圖: tutorialblog.org/make-repeating-seamless=tile-backgrounds-with-photoshop
23. 提前把圖片重複問題解決掉是一個非常好的做法,能減少開發人員的工作量
24. 如果想讓人們以全新的方式瀏覽你的網頁,瞭解其美妙之處,那麼非典型導航方式可能是你的不二選擇,另一方面,如果你要搭建的是一個電子商務網站,那麼在嘗試一些"離經叛道"的方式時一定要慎之又慎,因爲你的另類付款系統可能會將一些人拒之門外.
25. 你提出非典型佈局設計方案的時候,最好是要看它多麼有用,而不是多麼新穎
26. 棄用垂直滾動條而以水平的來代替,這聽起來似乎很簡單,但實際上根本不是這麼回事.
27. 如果瀏覽器不是在你的30英寸超大顯示器上全屏顯示,你還要考慮以何種方式在瀏覽器中展現這些內容.
28. 選項卡解決方案: jqueryui.com/tabs
29. jQuery插件庫: plugins.jquery.com
30.相對Flash,基於JavaScript的設計方案,使用起來要簡單的多,而且低成本高效率.