網(wǎng)頁(yè)前端開(kāi)發(fā)人員必用在線web工具和應(yīng)用(2)

這個(gè)CSS3的代碼生成器和一般的CSS3代碼生成工具不太一樣，它使用了視差滾動(dòng)的方式來(lái)展示內(nèi)容，并且提供了自定義的選項(xiàng)，可以動(dòng)態(tài)的生成你需要的CSS3代碼。超酷超有型！

HTML5 Please

這個(gè)網(wǎng)站在之前的相關(guān)文章中也介紹過(guò)，如果你需要了解如何正確的使用HTML5相關(guān)技術(shù)的話，最好仔細(xì)的看看這個(gè)工具網(wǎng)站吧，相當(dāng)?shù)膶?shí)用！

前端性能優(yōu)化工具

DOM Monster

當(dāng)我們開(kāi)發(fā)web應(yīng)用的時(shí)候，性能是一個(gè)永遠(yuǎn)不能回避的問(wèn)題。其實(shí)對(duì)于DOM的性能調(diào)試也是一個(gè)不可或缺的過(guò)程。使用DOM monster你只需要添加到你的”書(shū)簽中“，在任何需要調(diào)試的頁(yè)面點(diǎn)擊這個(gè)書(shū)簽，它就能夠幫助你列出目前頁(yè)面出現(xiàn)的性能問(wèn)題。是不是很方便！

zBugs

zbugs看上去像是一個(gè)bug相關(guān)工具，其實(shí)它是一個(gè)快速幫助你壓縮CSS/Javascript的在線工具，你只需要提供一個(gè)你的網(wǎng)站的鏈接，下載相關(guān)的文件，再上傳到你的網(wǎng)站即可！

其它類(lèi)型工具

BuiltWith

buildwith是一個(gè)幫助里了解網(wǎng)站使用技術(shù)的在線工具，你只需輸入你要檢測(cè)的網(wǎng)站地址，它會(huì)給你生成此網(wǎng)站使用的前后臺(tái)技術(shù)和相關(guān)鏈接，相信如果你是一個(gè)黑客的話，這個(gè)工具必不可少 ：D