對(duì)于Web開發(fā)者來說，除了需要不斷的提高自身能力外，對(duì)工具的合理使用也是非常重要的，這能夠節(jié)省你大量的時(shí)間。文章介紹了10款值得關(guān)注的Web開發(fā)與設(shè)計(jì)的在線工具，希望對(duì)您有所幫助。

1.在線文本生成器

BlindTextGenerator：對(duì)設(shè)計(jì)師來說，這是一個(gè)簡(jiǎn)單又好用的文本生成小工具。內(nèi)含許多種字體，可設(shè)置字符的大小，數(shù)量，樣式，段落的數(shù)量及對(duì)齊方式等，還可以很方便且精確地調(diào)節(jié)文本區(qū)塊的大小。

地址：http://www.blindtextgenerator.com/lorem-ipsum

Fillerati：很有設(shè)計(jì)感和風(fēng)格現(xiàn)代的文本生成器。

地址：http://www.fillerati.com/

2.CSS生成器

Border Radius：沒有比它更簡(jiǎn)單的了。進(jìn)入網(wǎng)站在矩形一角的輸入框里輸入數(shù)值，就可以生成圓角矩形的CSS代碼。

地址：http://border-radius.com/

CSS3 Gradient Generator：超好用的CSS漸變代碼生成器，也很容易上手。

地址：http://gradients.glrzad.com/

Ultimate CSS Gradient Generator：熟悉Photoshop的話，對(duì)這款CSS漸變代碼生成器會(huì)感到很親切，當(dāng)然它的功能也很強(qiáng)大。

地址：http://www.colorzilla.com/gradient-editor/

CSS Tricks Button Maker：一個(gè)按鈕CSS代碼生成器，沒說的，實(shí)在是太方便了！你可以自如定義按鈕大小，顏色，邊界半徑，漸變，背景，邊界，懸停，活動(dòng)狀態(tài)，設(shè)置好之后點(diǎn)擊你的按鈕，就可以拷貝CSS代碼了。

地址：http://css-tricks.com/examples/ButtonMaker/

#p#

3.排版工具

Baseline CSS：對(duì)于包含大量文本的網(wǎng)站它是一個(gè)非常得力的工具。

地址：http://baselinecss.com/

TypeTester：可以方便快捷地測(cè)試***字體排版的工具！提供三種方案對(duì)照，并有安全字體列表。當(dāng)你找到了***的設(shè)置方案，還可以獲取相應(yīng)的CSS。

地址：http://www.typetester.org/

4.其它工具

Favicon.cc：這是個(gè)用于生成通常出現(xiàn)在瀏覽器狀態(tài)欄或?yàn)g覽器標(biāo)簽上的小圖標(biāo)（用于識(shí)別一個(gè)網(wǎng)站）的工具。完成后只需下載.ico文件并把它拖到Web服務(wù)器根目錄下即可。很快很方便。

地址：http://www.favicon.cc/

JSONLint：簡(jiǎn)單易用的JSON驗(yàn)證器。只需把代碼拷貝粘貼到文本區(qū)域即可。它甚至還可以支持僅輸入網(wǎng)址（而不是代碼）的驗(yàn)證。

地址：http://www.jsonlint.com/ 

【編輯推薦】

1. 讓你愛不釋手的CSS在線設(shè)計(jì)工具
2. 14大CSS工具提高網(wǎng)頁設(shè)計(jì)效率
3. 十款PHP開發(fā)者值得關(guān)注的編碼工具
4. 10款***的開源Web設(shè)計(jì)工具
5. Web開發(fā)者必知 31個(gè)最實(shí)用的Javascript工具（附下載）