作為一名Web開(kāi)發(fā)人員，我一直在尋找資源來(lái)提高生產(chǎn)率。隨著時(shí)間的流逝，我收集了許多不同的在線工具，這些工具通過(guò)提供代碼段，設(shè)計(jì)模式或僅提供出色的功能，以不同的方式為我提供幫助，今天，我想與大家分享我經(jīng)常使用的那些工具，這些工具是我的最愛(ài)。

[[330302]]

1、Blush

Blush允許你免費(fèi)自定義和下載精美的插圖，以供個(gè)人和商業(yè)使用。該網(wǎng)站易于使用且功能強(qiáng)大，你可以自定義每個(gè)插圖的許多細(xì)節(jié)以創(chuàng)建獨(dú)特的結(jié)果。他們提供不同格式的圖像下載，盡管某些擴(kuò)展需要付費(fèi)，但是你可以免費(fèi)下載PNG圖像。

2、DrawKit

DrawKit提供100%免費(fèi)的手繪矢量圖和圖標(biāo)資源。他們還提供由Lottie提供支持的動(dòng)畫(huà)插圖。這個(gè)網(wǎng)站很棒，插圖很棒，使用了很多次，對(duì)此我感到非常滿意。

3、Freellustrations

你是否曾經(jīng)訪問(wèn)過(guò)某些網(wǎng)頁(yè)上帶有令人驚嘆的背景圖片的網(wǎng)站?你可能會(huì)覺(jué)得這樣的圖片可能會(huì)花費(fèi)很多錢(qián)，但是Freellustrations可以為你的網(wǎng)站提供免費(fèi)的高質(zhì)量和精美制作的背景圖片，但是如果你需要這些圖片的高清版本，那就要支付一定的費(fèi)用了。

4、Stack Overflow

如果你是Web開(kāi)發(fā)人員或任何類型的開(kāi)發(fā)人員，那你可能知道Stack Overflow。如果你還沒(méi)有知道，那么你錯(cuò)過(guò)了很多的知識(shí)。在此網(wǎng)站上，你可以找到有關(guān)開(kāi)發(fā)問(wèn)題的所有答案以及更多其他信息。

5、Can I use

如果你是前端開(kāi)發(fā)人員，你可能已經(jīng)非常了解瀏覽器之間的兼容性。有時(shí)候，我們可以使用簡(jiǎn)單的JS函數(shù)(如find())來(lái)發(fā)現(xiàn)它們不適用于IE。但是當(dāng)你不確定瀏覽器javascript API或CSS屬性的兼容性時(shí)，可以訪問(wèn)此網(wǎng)站。

6、Shape Divider

有時(shí)候，我們看到某些網(wǎng)站上有漂亮的圖形或排列，它可以用曲線或其他形狀隔開(kāi)，那么我們想在自己的網(wǎng)站上使用它們。但是復(fù)制這些形狀中顯然使耗時(shí)且?guī)в幸恍┞闊?。滿那么有什么比較方便的工具來(lái)幫助我們完成這些呢?Shape Divider，這是一個(gè)僅需單擊幾下就可以為各部分生成基礎(chǔ)CSS代碼的工具。

7、Animista

如果你喜歡CSS動(dòng)畫(huà)，那么animista你一定不能錯(cuò)過(guò)。它擠滿了數(shù)十種易于使用的CSS動(dòng)畫(huà)，如果你想動(dòng)手摘錄或者只是在尋找靈感，它是你最理想的選擇。所有動(dòng)畫(huà)都可以在它的網(wǎng)站上預(yù)覽，你還可以在獲取代碼之前完全自定義它們。

8、Shape Divider

該站點(diǎn)提供了幾乎可以用CSS和HTML生成的所有工具，包括漸變，邊框和陰影，元標(biāo)記信息，打開(kāi)的圖形等。它是非常完善的工具，也是構(gòu)建網(wǎng)站時(shí)必不可少的工具。

9、最后

希望這些工具能幫助你提高效率或工作流程。如果你有我未列出的任何優(yōu)秀資源，可以共享出來(lái)，以便我和其他讀者可以從你喜歡的工具中受益。