Web 設計與開發者必須知道的 15 個站點
作者: its
|
發布: 2009/7/24 (下午 04:08)
|
閱讀: 24659
|
評論: 0
|
靜態地址
|
內容源碼
公司博客整整一個月沒有更新了,最近一段時間,全公司都忙于兩件事,為海爾集團做定制,為一個合作伙伴做 OEM,終于有了眉目。工作期間,常用到一些工具與幫助站點,今天讀到一篇文章,介紹了15個對 Web 設計與開發師極端有用的站點,里面有不少也是我們一直在使用的,也許對很多人都有用,翻譯出來以餉同仁。
![](http://www.catswhocode.com/blog/wp-content/uploads/2009/07/colorcombos.png)
配色是 Web 設計的首要大事,Color Combos 幫你預備了數千種配色方案,可以根據色調瀏覽選取。
![](http://www.catswhocode.com/blog/wp-content/uploads/2009/07/lipsum.png)
Lorem Ipsum Text 是一中自造的,字典中不存在的單詞,是在演示頁面結構的時候,需要加文字的地方使用 Lorem Ipsum Text 填充可以避免用戶因關注文字的意思而分神。Lipsum.com 可以幫你生成制定數目的 Lorem Ipsum 單詞。
![](http://www.catswhocode.com/blog/wp-content/uploads/2009/07/whatthefont.png)
有時候你對某個 Logo 感興趣,想知道是拿什么字體做的,可以將 Logo 圖片上傳到這個網站,結果之準確會讓你難以置信。
![](http://www.catswhocode.com/blog/wp-content/uploads/2009/07/converticon.png)
Favicon 越來越受歡迎,尤其隨著 Firefox 的流行,Firefox 會將你站點的 Favicon 標志顯示在標簽上,也會顯示于書簽,Favicon 支持多種圖形格式,比如 png,但 IE 并不支持 png,該站點可以幫助你將 png 等圖片格式的 Favicon 轉換成 IE 支持的 ico 格式。
![](http://www.catswhocode.com/blog/wp-content/uploads/2009/07/bgpatterns.png)
現代 Web 設計的趨勢之一包括使用背景圖案,BgPatterns.com 可以幫你設計背景圖案,他們有大量可選的圖案,可以按不同方式接合,還可以設置透明度。
![](http://www.catswhocode.com/blog/wp-content/uploads/2009/07/htmlencoder.png)
如果你要在網站中顯示 Web 代碼,那將是非常煩人的事,你必須將諸如 < 一類的符號用編碼表示,這個網站可以幫你做這些事情,只需將你的代碼復制進去,他們會幫你生成可以直接使用的代碼。還有 HTML Decoder 幫你做相反的事。
![](http://www.catswhocode.com/blog/wp-content/uploads/2009/07/xenocode.png)
該網站非常有用,可以直接在站點中預覽你的網站在 IE6, IE7, IE8, Firefox 2, Firefox 3, Google Chrome 以及 Opera 中的樣子。唯一的不足是,不支持 Mac 和 Linux 環境下的瀏覽器。
![](http://www.catswhocode.com/blog/wp-content/uploads/2009/07/testeverything.png)
這個網站包含了超過 100 中工具幫你測試幾乎所有東西,如跨瀏覽器兼容,查 PR 值,甚至幫你驗證代碼。
![](http://www.catswhocode.com/blog/wp-content/uploads/2009/07/spritegenerator.png)
CSS Sprites 在顯著降低 HTTP 請求方面功不可沒,但 CSS sprite 可不是個簡單的技術,Sprite generator 可以幫你做這些繁復的工作,將你的圖片打包成 zip 上傳上去,他們會把你的圖片組合成 sprite,還幫你生成 CSS 代碼。
![](http://www.catswhocode.com/blog/wp-content/uploads/2009/07/buttonator.png)
這個網站可以幫你設計漂亮的按鈕。
![](http://www.catswhocode.com/blog/wp-content/uploads/2009/07/loadimpact.png)
這個壓力測試站點可以幫你測試你的站點的抗壓能力,如果你的某篇文章曾經上過 Digg 或 StumbleUpon 等網站的首頁,你就會知道抗壓測試多么重要。
![](http://www.catswhocode.com/blog/wp-content/uploads/2009/07/iconfinder.png)
這個網站收藏了大量來自網絡的免費圖標。
![](http://www.catswhocode.com/blog/wp-content/uploads/2009/07/typetester.png)
該站點可以幫你測試不同字體的顯示效果。
![](http://www.catswhocode.com/blog/wp-content/uploads/2009/07/csstidy.png)
這個站點可以幫你檢查 CSS 代碼,并修正其中的錯誤,比如,它可以發現你的 CSS 代碼中最常見到重復設置問題。
![](http://www.catswhocode.com/blog/wp-content/uploads/2009/07/contactformgenerator.png)
自定義表單可以幫助你實現同訪問者的互動,無需編程,就能快速生成訪客反饋表單,甚至幫你生成郵件發送 PHP, ASP, Perl 代碼。
本文來源:http://www.catswhocode.com/blog/15-sites-web-developers-and-designers-should-know 中文翻譯來源:COMSHARP CMS 官方網站
|