在線正則表達(dá)式可視化

Regulex是一個(gè)正則表達(dá)式的可視化開(kāi)源工具，直接輸入正則表達(dá)式就能用可視化顯示出來(lái)。并且能夠?qū)С鰏vg 格式圖片以及獲取固定鏈接，比如下圖這樣。這樣無(wú)論自己用還是給別人講解，都是非常方便的。

在線Postman

這個(gè)需要注冊(cè)才能使用，不過(guò)如果自己有安裝類似應(yīng)用就可以不用。

Postman是一款功能超級(jí)強(qiáng)大的用于發(fā)送HTTP請(qǐng)求的 Chrome插件 。做web頁(yè)面開(kāi)發(fā)和測(cè)試的人員應(yīng)該是無(wú)人不曉無(wú)人不用!

測(cè)試后端API 接口時(shí)非常好用。GET、POST、DELETE、OPTIONS、PUT這些方法都支持。

CSS3剪貼路徑(Clip-path)在線生成器工具

這是一款可在線調(diào)整并生成CSS3剪貼路徑的工具，如果你想玩些花里胡哨的樣式的時(shí)候必備，該工具免費(fèi)提供使用。

CSS UI 動(dòng)畫庫(kù)

CSSUILib是由騰訊AlloyTeam前端開(kāi)發(fā)團(tuán)隊(duì)建立，主要收集國(guó)內(nèi)外友好體驗(yàn)和創(chuàng)意的界面組件Demo。它除了使用CSS3技術(shù)外，還使用了HTML5，JS，JX，jQuery等技術(shù)，來(lái)達(dá)到完美的外觀表現(xiàn)以及交互體驗(yàn)。選中一個(gè)Demo，點(diǎn)擊“可視化工具”即進(jìn)入所見(jiàn)即所得模式

Canvas背景動(dòng)畫在線編輯

JSRUN.NET一個(gè)極具活力的代碼在線運(yùn)行平臺(tái)，你可以把代碼粘貼出來(lái)，放到你的項(xiàng)目中，實(shí)現(xiàn)很多炫酷的背景效果了!缺點(diǎn)就是，一般加了這個(gè)，運(yùn)行負(fù)荷就很大，一般建議，如果僅僅需要炫酷還是值得擁有。

在線代碼主題配色工具

codemirror 調(diào)色配色工具，跟上面是同一個(gè)網(wǎng)站，你如果覺(jué)得自己編輯器的代碼主題顏色不好看，那你可以用它來(lái)慢慢調(diào)。

Colorsinspo在線配色

Colorsinspo 是一個(gè)色彩靈感在線調(diào)色板，收集超過(guò)上千款優(yōu)秀的色彩搭配方案，只有單擊需要的顏色復(fù)制色碼即可使用，一個(gè)設(shè)計(jì)師和前端工程師值得擁有的在線配色工具，比以往Boss設(shè)計(jì)分享的調(diào)色工具都強(qiáng)大，一款最佳的設(shè)計(jì)調(diào)色工具。

兼容性查詢Can I Use

Caniuse用于查看瀏覽器對(duì)各種新特性的兼容情況。可以查詢一個(gè)jsapi 或者css屬性的在各個(gè)瀏覽器的各個(gè)版本下的兼容性。

EventLoop可視化

JavaScript Visualizer 9000對(duì)于前端小白理解EventLoop是非常好用的。

CSS代碼生成

有時(shí)候UI里面會(huì)有一些漸變的效果,無(wú)法復(fù)制CSS出來(lái),這個(gè)時(shí)候可以用一個(gè)在線的工具-cssmatic,生成漸變的CSS，可以生成四種類型的CSS 代碼，漸變，陰影等。