在製作網站或是佈景的過程中,我們常常會需要用到很多的Icon或是Banner等等

平時我也收集了一些可以在線上協助我們製作的一些網站,今天就來整理一下

順便分享給大家!

1. 測試各種瀏覽器瀏覽你網站的實況,常製作網站的人必用,輸入網址再選擇你想測試的瀏覽器,底下還可以選擇你想打開或是忽略的項目等等,非常簡單易用!

http://browsershots.org/

?Browsershots

2. 線上配色網站,比較特殊的是有社群性,可以對你喜歡的顏色評分,也可以參考一下大家的喜好

http://www.colourlovers.com/

COLOURlovers

3. Web2.0線上徽章產生器,選好樣式後輸入你想要的文字即可,還提供PSD檔案下載

??? 很慷慨的網站。http://www.web20badges.com/

generator.

4. 製作網站背景底圖,簡單的調整就可以製作出有水準的背景底圖喔!

http://lab.rails2u.com/bgmaker/

Background Image Maker

5. 製作Load中的小圖,樣式很多喔

http://www.loadinfo.net/

Load Info - gif generator

6. 幫你製作水水的Web2.0樣式LOGO!

http://web2.0stylr.com/stylr.aspx

Logo Maker

7. 同樣也是線上LOGO製作,樣式較多,還有類似Google的喔!

http://creatr.cc/creatr/

Logo Creatr

8. 線上按鈕製作!

http://www.buttonator.com/

Buttonator

9. 專門產生用CSS製作的圓角圖案,如果特別喜歡圓角的話就很實用喔!

http://www.roundedcornr.com/

RoundedCornr

10. 線上製作Ajax的Load小圖,樣式也很多!

http://www.webscriptlab.com/

Ajax Loading Gif Generator

11. 同樣也是線上製作Ajax的Load小圖,樣式略有不同。

http://www.ajaxload.info/

Ajaxload

12. 線上製作條紋圖,如果你有需要的話。

http://www.stripegenerator.com/

Stripe Generator

13. 線上按鈕製作,樣式少但是我很喜歡這種風格的按鈕。

http://www.mycoolbutton.com/

Online web button generator!

14. 線上TAB製作,整體風格蠻可愛的!

http://www.tabsgenerator.com/

Tabs Generator

15. 線上產生.htaccesse檔案,天啊!連這個都有。

http://www.htaccesseditor.com/tc.shtml

.htaccess Editor

16. 提供一些LOGO的樣本下載。

http://www.logotemplater.com/

LogoTemplater

17. 幫圖片添加浮水印。

http://picmarkr.com/

PicMarkr

18. 將標準圖片檔轉換成.ico格式,可用來製作網站的favicons,支援的格式請參考該網站

http://www.html-kit.com/favicon/

FavIcon

19. 也是提供Icon下載。

http://www.userinterfaceicons.com/

GUI Icons

20. Icon的搜尋引擎。

http://www.iconfinder.net/

Iconfinder

21. 提供Icon下載。

http://www.famfamfam.com/lab/icons/

famfamfam

22. 優化你的CSS檔案,沒有用過,想嘗試的網友要切記備份!

http://www.cssoptimiser.com/

Optimizer

23. 如果你覺得換算CSS的em很麻煩的話,有機算機可以幫你喔!

http://riddle.pl/emcalc/

Em Calculator

24. 這個一定要大力推薦一下,根本就是學CSS的天堂,而且是中文的!

http://doc.51windows.net/css2/

51windows.net

25. 最後是大力協助我完成此篇文章的線上網站縮圖產生器,設定靈活,目前還沒碰到縮不出來的,速度又快,真的是網站縮圖首選啊!

http://capture.heartrails.com/

HeartRails Capture

This Post Has 2 Comments

  1. CC

    很棒的分享耶 謝謝!

發表迴響