做最好的中文Web工具，提高工作效率
利用業(yè)余時間跟朋友一起做了一個網(wǎng)站：http://www.chinacxy.com，這是一個工具性的網(wǎng)站，主要針對web開發(fā)工程師。經(jīng)過斷斷續(xù)續(xù)的改進，現(xiàn)在終于可以向大家介紹推薦了。我們的目標，做最好的中文web工程師工具，提高前端開發(fā)者的工作效率。
因為自己也是Web開發(fā)者，有時要用到一些工具，但在網(wǎng)上總是找不到滿意的，并且很分散，滿屏的廣告，因此產(chǎn)生了自己開發(fā)的想法，于是遂跟一位朋友一起開發(fā)了此站。對于網(wǎng)站上放廣告問題，我不反對，因為網(wǎng)站畢竟有運營成本，但一定要有個度，不能讓廣告影響到了用戶的使用。
另外，這此工具都很常用，大家都可以在別的網(wǎng)站上找到，所以每個工具都有“山寨”的嫌疑，喜歡用的朋友就用，不喜歡的不勉強。
下面就分塊來介紹一下目前具備的功能。
網(wǎng)頁特效
先上圖吧：
做這個功能的目地是收集一些比較網(wǎng)頁特效。目前收集的還不多，我們會慢慢增加。另外大家可以對認可的效果進行投票，評論。
后面會考慮把此功能向廣大web開發(fā)者開放，讓開發(fā)者可以上傳自己的作品。
正則表達式
效果圖：
本工具提供了正則在線運行和替換功能，并對結(jié)果進行了高亮。
另外，為了方便大家使用，提供了一些常用的正則表達式，當然，這些正則只是根據(jù)個人知識和互聯(lián)網(wǎng)上的進行整理的，由于個人水平有限，不保證絕對正確。大家如果發(fā)現(xiàn)有誤請給我留言或在網(wǎng)站的“關(guān)于”頁面反饋。
CSS/JS/HTML格式化
效果圖：
本工具主要提供了代碼格式化功能，大家把代碼復(fù)制到文本框內(nèi)即可，程序可以自動識別處理。
本工具的html和javascript部分用了beautify.js，CSS部分是朋友寫的JS，大家在使用過程中如果發(fā)現(xiàn)bug請記得反饋哦:)。
JSON格式驗證
效果圖：
這個工具是某個用戶反饋建議增加的功能。
本工具主要是對json格式進行格式化和驗證，大家可以對ajax里提交或返回的JSON格式進行驗證。
在線編輯代碼
效果圖：
為了頁面空間更大，這個頁面跟其他頁面風格不同哦。
這個工具是看到園友在博客里發(fā)了一個HTML5所見即所得在線coding的工具后加上去的。
顏色選擇器
效果圖：
這個工具的功能很簡單，就是選擇一個顏色，可以得到rgb的值。
自己PS一下，這是我覺得所有功能中最差的一個，正考慮是否去掉，大家可以在評論中給出自己的意見哦。
圖片base64編碼工具
效果圖：
這個工具就是把圖片轉(zhuǎn)換為base64格式，一個偶爾會用到的小功能，昨晚才上線的:)。
當然，這個適合較小的圖片，像圖中產(chǎn)生的base64字符串這么長就不合適，會導致CSS文件很大。
jscode.chinacxy.com
效果圖：
這是一個獨立的子站，第一眼看上去這個跟國外的jsfiddle.net網(wǎng)站基本一樣，大家先別急著罵我山寨，我說說這個工具的由來。
我個人非常喜歡jsfiddle.net這個網(wǎng)站，但在使用過程中發(fā)現(xiàn)這個網(wǎng)站有一個讓人很抓狂的bug，就是在右邊的幾個面板中有時不能輸入中文，另外由于在國外，有時打開速度很慢，甚至有時會打不開。我們在這個網(wǎng)站github主頁提交過這個bug，但作者回復(fù)說這是其中一個JS庫(codemirror)的bug，下一版本沒計劃修復(fù)此bug。
也許是這個網(wǎng)站大部分都是國外用戶吧，英文輸入不存在這個bug，在忍無可忍之下我們就自己開發(fā)了一個這樣的網(wǎng)站。第一版的目標就是山寨jsfiddle.net的主要功能，修復(fù)中文不能輸入的bug，但因為用的是別人的庫，在IE下還是有此問題，大家在使用時可選擇較新版的Chrome或FireFox。
后記
我們開發(fā)這樣一個工具型的網(wǎng)站僅僅是想方便web開發(fā)者，提高大家的工作效率，得到大家的認可。我們非常希望得到大家的意見和建議，請看到此文的用戶不吝留下您的看法。
原文鏈接：http://www.cnblogs.com/jscode/archive/2012/06/08/2541210.html
【編輯推薦】
