【51CTO獨家特稿】要成為一名優(yōu)秀的Web開發(fā)者，并沒有捷徑可走，只能通過自己一步一步的努力去實現(xiàn)，但如果你擁有一些優(yōu)秀的開發(fā)工具，則可以大大提高你的開發(fā)效率。本文將從中挑選出十個最佳工具，供大家選擇使用。（51CTO編輯推薦文章：十步讓你成為一名優(yōu)秀的Web開發(fā)人員）

1、MySQL Format Date

網(wǎng)址：http://www.mysqlformatdate.com/

MySQL Format Date可以幫助開發(fā)者使用MySQL DATE_FORMAT函數(shù)來規(guī)范化自己的日期數(shù)值。開發(fā)者只需選擇一個通用日期格式，然后對其進行修改來滿足自己的需求。頁面底部將自動生成MySQL DATE_FORMAT代碼，開發(fā)者可以直接將它們拷貝粘貼到自己的代碼中。

2、Script Src

網(wǎng)址：http://scriptsrc.net

為了及時發(fā)現(xiàn)自己所喜愛的Javascript代碼庫是否有最新版本，Web開發(fā)者可能需要不斷定期在網(wǎng)絡(luò)上搜索，這無疑會令人疲倦。ScriptSrc.net則已經(jīng)把jQuery、Mootools、Prototype和更多內(nèi)容匯集到一個網(wǎng)頁中，Web開發(fā)者只需要點擊一下，就能把相關(guān)最新版鏈接地址復制到自己瀏覽器的剪貼板中。

3、Em Chart

網(wǎng)址：http://aloestudios.com/tools/emchart/

我從來不喜歡在CSS文件中使用ems來定義文本尺寸，但有時候卻又不得不使用它。這時Em Chart可以幫助你省時省力，它能夠把ems轉(zhuǎn)化為像素值。

4、Twitter API Explorer

網(wǎng)址：http://twitapi.com/explore/

如果你在自己創(chuàng)建的站點中使用了Twitter API，你一定會喜歡Twitter API Explorer網(wǎng)站，它可以讓你通過Twitter API進行搜索。更絕的是，它可以生成立即可用的代碼片段。你和你的客戶能夠?qū)崿F(xiàn)即時獲取。

5、Browser Sandbox

網(wǎng)址：http://spoon.net/browsers

毫無疑問，跨瀏覽器兼容性是Web開發(fā)者在日常工作中不得不面對的最大問題之一。Browser Sandbox讓開發(fā)者可以從網(wǎng)絡(luò)上運行任何Windows瀏覽器。唯一的缺點是，你必須使用Windows系統(tǒng)，該應(yīng)用不能運行在蘋果Mac和GNU/Linux系統(tǒng)之上。

#p#

6、PHP Forms

網(wǎng)址：http://www.phpform.org/

Web表單是網(wǎng)站最重要的部分之一，但創(chuàng)建它們也是一件非常耗時的工作。不過，PHP Forms網(wǎng)站可以免費加速你的表單開發(fā)工作，它能夠讓你創(chuàng)建滿足多數(shù)網(wǎng)站需求的高級表單。

7、.htaccess editor

網(wǎng)址：http://www.htaccesseditor.com/en.shtml

對任何網(wǎng)站來說，.htaccess文件是必用的。不過即使你還不知道怎么編寫一個.htaccess文件，也不用感到擔憂，該網(wǎng)站通過一個向?qū)韼椭銊?chuàng)建.htaccess文件。雖然它不支持非常高級的處理工作，但對于你創(chuàng)建的95%網(wǎng)站來說，它可以滿足需要。

8、Smush it!

網(wǎng)址：http://developer.yahoo.com/yslow/smushit/

就信息表達來說，一個圖片的價值可能勝過一千句話。但圖片也以帶寬殺手而聞名。通過使用Photoshop等軟件，可以把圖片優(yōu)化以適應(yīng)Web；但是如果你沒有這樣的軟件或不會使用它，Smush it也可以滿足你的需要。這個在線工具的開發(fā)者是雅虎開發(fā)者網(wǎng)絡(luò)，它可以在不降低圖片質(zhì)量的前提下降低圖片大小。

9、CSS Compressor

網(wǎng)址：http://www.csscompressor.com/

假如一個網(wǎng)站擁有許多不同的頁面布局，其CSS文件往往會變得非常龐大，并且占用大量服務(wù)器帶寬。CSS Compressor可以通過移除注釋、縮減和更多信息，來降低任何CSS文件的體積。另外，你還可以通過該工具配置壓縮等級來滿足自己的需要。

10、Test everything

網(wǎng)址：http://tester.jonasjohn.de/

該網(wǎng)站是你必須收藏的精品網(wǎng)站之一。從其名稱可以看出，它能夠讓你測試許多事情，諸如XHTML和CSS標記、PageRank和反向鏈接等。

原文題目：10 must have resources for Web Developers         原文作者：Harsha M V

原文鏈接：http://variable3.com/blog/2010/05/10-must-have-resources-for-web-developers/

【編輯推薦】

1. Web開發(fā)兵器譜 來自Google的15款免費工具
2. 來自Facebook等成功Web開發(fā)者的建議分享
3. 2010年WEB開發(fā)領(lǐng)域五項新技術(shù)和趨勢談
4. 十步讓你成為一名優(yōu)秀的Web開發(fā)人員
5. WEB開發(fā)中必須了解的HTML標簽