1. 在線文本生成器

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

詳細(xì)內(nèi)容：http://www.blindtextgenerator.com/lorem-ipsum

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

詳細(xì)內(nèi)容：http://www.fillerati.com/

?

2. CSS生成器

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

詳細(xì)內(nèi)容：http://border-radius.com/

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

詳細(xì)內(nèi)容：http://gradients.glrzad.com/

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

詳細(xì)內(nèi)容：http://www.colorzilla.com/gradient-editor/

CSS Tricks Button Maker：一個按鈕CSS代碼生成器，沒說的，實在是太方便了！

你可以自如定義按鈕大小，顏色，邊界半徑，漸變，背景，邊界，懸停，活動狀態(tài)，設(shè)置好之后點擊你的按鈕，就可以拷貝CSS代碼了。

詳細(xì)內(nèi)容：http://css-tricks.com/examples/ButtonMaker/

?

3.排版工具

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

詳細(xì)內(nèi)容：http://baselinecss.com/

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

詳細(xì)內(nèi)容：http://www.typetester.org/

?

4.其它工具

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

詳細(xì)內(nèi)容：http://www.favicon.cc/

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

詳細(xì)內(nèi)容：http://www.jsonlint.com/

原文鏈接：http://www.javaeye.com/news/19474?

更多專業(yè)前端知識，請上 【猿2048】www.mk2048.com

總結(jié)

以上是生活随笔為你收集整理的10个在线Web设计开发工具介绍的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。